Transpile SCSS to CSS using node-sass

Organize SCSS into Multiple Files with Partials

Organize Styles with SCSS Nesting and the Parent Selector

Use SCSS Variables for Readable and Maintainable Stylesheets

Use Standard Built-in SCSS Functions for Common Operations:

Reuse Styles with the SCSS @mixin Directive

Reuse Styles with the SCSS @extend Directive

Write similar classes with the SCSS @for Control Directive

Loop Over Data with the SCSS @each Control Directive

Write Custom Functions with the SCSS @function Directive

Learn the Best and Most Useful SCSS

We can use javascript for color and opacity variations, math, list and map logic or to see if something exists. SCSS includes functions for a wide range of common use cases for logic in our styles. In this lesson we look at some of the more useful color functions to improve development velocity, readability, and simplify the code. Be sure to checkout all the SCSS functions: http://sass-lang.com/documentation/Sass/Script/Functions.html

Use Standard Built-in SCSS Functions for Common Operations:

Share this video with your friends

Course

Learn the Best and Most Useful SCSS