The CSS preprocessor
CSS on its own can be fun, but stylesheets are getting larger, more complex, and harder to maintain. This is where a preprocessor can help. Sass lets you use features that don't exist in CSS yet like variables, nesting, mixins, inheritance and other nifty goodies that make writing CSS fun again.
- Clone or download repository
npm install
- gulp
- update .scss file, the gulp watcher will be convert your .scss to .css
- What is css preprocessor?
- Comment in sass
- Variable
- Nesting / Nesting property
- Referencing Parent selector:&
- Mixins / Mixins with default value
- Partials
- @Import
- Operation
(+-*/ and variable does operation)
- Inheritance (@extend)
- Interpolation #{...}
- Variable default with !default
- Sass output style https://web-design-weekly.com/2014/06/15/different-sass-output-styles/
- Control directives & Expression
@if @elseif @else
@for
@each
@while
http://sass-lang.com/documentation/Sass/Script/Functions.html