LUCiD GRAFiX Logo

Tutorial
YouTube RSS Feed
Search

TUTORIAL

SASS SIMPLIFIED – 5 Video Series

Written by Posted on January 18th, 2015 1 Comment
Share This

Video 1 – Prepros, variables and mixins.

This video walks you through using Prepros with SASS and getting started with variables and mixins.

Download Prepros here.

Video 2 – Advanced Mixins

Here are the 2 examples used.

Video 3 – Partials

This video shows you how to use partials and goes in to how you would set it up for multiple partials and the logic needed.

Make sure you use a underscore to name your file i.e. _mixins.scss

Video 4 – Nesting and Extends

How to use nesting for specificity and extend classes to other classes also known as inheritance.

Video 5 – Color Functions

Here are some color functions I like with SASS and how to use them.

Here is the code used from this video.

I put this video series together from request on youtube and I hope it helps people get started using SASS. If anyone has questions let me know.

Here is a good SASS guide

Happy Coding!

About

Hi, my name is Eric Young. I’m a web designer who has worked in the IT industry since 2000. I love blogging and making the web a better place. If I'm not here I'm probably playing Gears of War. LOL

Related Articles You Might Enjoy!

How to use Font Awesome Icons How to use Font Awesome Icons
CSS3 Animation Basics CSS3 Animation Basics
cool css3 navigation menu Cool CSS3 Navigation Menu
Leave a comment

One Response

Leave a Reply