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
- What is Sass/SCSS?
- Syntax
- Installation
- Sass/SCSS Output Styles
- Caching
- Encodings
- Comments
- Data Types
- Variables ($)
- Global Variables (!global)
- Variable Default (!default)
- Referencing Parent Selectors (&)
- Nested Properties (:)
- Placeholder Selectors (%)
- Rules and Directives (@)
- Difference between @function and @mixin
- Difference between @mixin, @extends and Placeholder (%)
- Compiling Sass file to CSS
- Sass/SCSS File Conversions
#css #sass #scss