Have you ever wished for access to conditionals or iteration when writing styles? How cool would it be to use functions to write styles? SCSS has that and more! SCSS is a superset of CSS. Any valid CSS is SCSS, they even have the same syntax. SCSS borrows features from other languages to write smarter, reusable and more readable styles. This course will focus on how to use SCSS’s more useful features, compare them against each other and assess when their usage is appropriate.
Overview
Syllabus
- 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
Taught by
Ari Picker
