SASS - Syntactically Awesome Style Sheets
Overview
Sass (short for “Syntactically Awesome Style Sheets”) is a popular preprocessor scripting language that is used to generate CSS (Cascading Style Sheets). Sass is a more powerful and efficient way to write CSS code, as it provides additional features and functionality that are not available in standard CSS. Sass documentation link can be found here
Topics
| Sr No. | Topics | Reading Efforts ( in hrs ) | Task Efforts ( in hrs ) |
|---|---|---|---|
| 1 | What is Sass? | 1 | |
| 2 | What Is a Preprocessor? | 1 | |
| 3 | Sass or SCSS? | 2 | |
| 4 | Installing Sass | 1 | |
| 5 | Sass Output Style
| 1 | |
| 6 | Comments | 0.5 | |
| 7 | Variable + objects | 1 | 1 |
| 8 | Nesting + The & character | 1 | |
| 9 | Css extends | 1 | |
| 10 | Partials | 1 | 1 |
| 11 | Extend/Inheritance | ||
| 12 | Place Holder | ||
| 13 | Mixins | 2 | 2 |
| 14 | @rules | 2 | 2 |
| 15 | Operators | 1.5 | 1 |
| 16 | Functions
| 5 | 3 |
| 17 | Interpolation | 0.5 | |
| 16 | Control Directive | 3 | 4 |
| Total Hours | 24.5 | 14 |