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!

css3 transitions CSS3 Transitions
How to make a CSS sprite in Photoshop and then bring it to life – Revisited How to make a CSS sprite in Photoshop and then bring it to life – Revisited
CSS3 Menu using only CSS and no JavaScript CSS3 Menu using only CSS and no JavaScript
Leave a comment

One Response

Leave a Reply