SASS (Syntactically Awesome Stylesheet) is a CSS pre-processor, which helps to reduce repetition with CSS and saves time.

We will be covering the following topics

  1. What is Sass/SCSS?
  2. Syntax
  3. Installation
  4. Sass/SCSS Output Styles
  5. Caching
  6. Encodings
  7. Comments
  8. Data Types
  9. Variables ($)
  10. Global Variables (!global)
  11. Variable Default (!default)
  12. Referencing Parent Selectors (&)
  13. Nested Properties (:)
  14. Placeholder Selectors (%)
  15. Rules and Directives (@)
  16. Difference between @function and @mixin
  17. Difference between @mixin, @extends and Placeholder (%)
  18. Compiling Sass file to CSS
  19. Sass/SCSS File Conversions

#css #sass #scss

Sass or SCSS In-Depth Tutorial
4.05 GEEK