Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Don't Repeat Your CSS use Sass instead
Course Overview
Course Overview (1:07)
Why Sass and not CSS ?
Introduction (1:01)
What's Wrong with CSS? (2:42)
What are CSS Preprocessors, and why you should use one of them? (3:34)
What is Sass, and Should I use Sass or SCSS syntax? (2:17)
Quiz
Things to remember (1:23)
Setup the Environment
Installation of Sass CLI on Mac (10:18)
Using a Live Server and VSCODE (5:17)
How to code along with me (4:38)
Sass Fundamentals
Introduction (1:26)
Nesting and Selectors (8:11)
Sass Variables (6:01)
CSS Variables (4:09)
Quiz - Variables and Nesting
Comments (3:47)
Import and Partials (4:47)
Quiz - Comments & Imports
Mixins (2:43)
Manipulating @content (1:51)
Quiz - Mixins
Extend and Inheritance (5:00)
Quiz - Extend and Inheritance
Operators (5:27)
Quiz - Operators
Things to Remember (2:56)
Control Flow and Data Structures
Introduction (1:00)
Controlling Flow with @if @else if and @else (4:04)
Controlling flow with @for (3:12)
Controlling flow with @while (3:12)
Quiz - Loops - @for and @while
Lists (5:47)
Maps (3:22)
Quiz - Lists and Maps
Controlling flow with @each (4:35)
Quiz - @each loop
Things to Remember (1:16)
Sass Functions
Introduction (1:00)
Sass built-in functions (7:59)
Defining your own Sass functions (5:06)
Quiz - Creating a custom function
Things to Remember (0:56)
Wrapping Up
Things to Remember (4:36)
Teach online with
Quiz
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock