Introduction - Welcome To The Complete SASS & SCSS Course!
  • Introduction: Welcome To The Complete SASS & SCSS Course!
  • Introduction Continued: Here is What You Will Learn In Our SASS & SCSS Course!
  • How To Follow Along and Use This Course
Sass Overview
  • What Is a Preprocessor?
  • Preprocessors
  • Sass or SCSS?
  • Sass vs. SCSS
Setup
  • Setting Up Sublime Text 3
  • Installing Sass / SCSS
  • A Quick Test
  • Setting Up The Project Structure
Variables
  • Variables in Sass
  • Using Variables Correctly
  • Variables
Partials
  • Partials
  • Partials
Mixins
  • Mixins in Sass
  • Mixins
  • Mixins with Arguments
  • Mixins with Arguments
  • Passing Content Into Mixins
  • Mixins with Content Blocks
Imports
  • Imports in Sass
  • Imports
  • Practice Activity: A Mixin to Import Fonts
Media Queries
  • Nested Media Queries in Sass
  • Nested Media Queries
  • Practice Activity: Mixins & Media Queries
Operators
  • Basic Arithmetic & The Sass Shell
  • Color Arithmetic
  • Arithmetic in Sass
Functions
  • What Are Functions?
  • Built-in Functions
  • Creating Your Own Functions
  • Sass Functions
Inheritance
  • Inheritance with @extend
  • More About @extend (+ Sass placeholders)
  • Do You Need It? @extend vs. @mixin
  • Inheritance
Conditional Directives
  • Using the @if and @else Directives
  • Practice Activity: @if Directives To Switch Themes
  • Practice Activity: A Useful Mixin With @if
  • Conditionals and the @if Directive
Loops
  • @for Loops
  • @each Loops
  • @while Loops
  • Loops
Sass Frameworks
  • An Overview of Susy, Breakpoint & Compass
  • Installing the Toolkits & Frameworks
  • Getting Started With Susy: Creating Your Own Grid System
  • More About Susy: Border-Box-Sizing
  • Mobile-First Design & Media Queries With Breakpoint
  • Compass: Your Helper for Everything Else
Course Summary & Course Conclusion - It's Now Time To Apply What You've Learned
  • Course Summary & Course Conclusion - A Short Overview of What We Have Learned
  • A Special Bonus Lecture Exclusively For The Students Enrolling In This Course!