Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Frontend Masters

Sass Fundamentals

via Frontend Masters

Go to class Write review
Destination Certification Ad

CISSP MasterClass with a true CAT exam simulator

Learn More → Corporate Finance Institute Ad

Build the Finance Skills That Lead to Promotions, Not Just Certificates

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
Leverage the Sass preprocessing to empower your CSS practices and master styling complex applications. Mike will show you how styles can be modularized and reused -- avoiding repetition and redundancy, while keeping everything readable and maintainable.

Syllabus

  • Introduction
  • CSS Pitfalls
  • Preprocesser Benefits
  • Course Agenda
  • Syntax, Nesting, & Selectors
  • Challenge 1: Parental Selectors
  • Challenge 1: Solution
  • Challenge 2: Parental Selectors 2
  • Challenge 2: Solution
  • Sass @import and Variables
  • Challenge 3: Imports and Variables
  • Challenge 3: Solution
  • Sass Mixins and Arguments
  • Challenge 4: Mixins
  • Challenge 4: Solution
  • Default Argument Values
  • Challenge 5: Mixins 2
  • Challenge 5: Solutions
  • Introducing Sass Functions
  • Challenge 6: Color Functions
  • Challenge 6: Solutions
  • @if Sass Directive
  • Challenge 7: Control Flow
  • Challenge 7: Solution
  • Data Structures
  • Challenge 8: Nudging Classes
  • Challenge 8: Solution
  • BEM Introduction
  • Challenge 9: BEM Buttons
  • Challenge 9: Solution
  • Reusing Style with Mixins
  • Challenge 10: @extend
  • Challenge 10: Solution
  • Writing Sass Functions
  • Challenge 11: Relative Luminance in Sass
  • Challenge 11: Solution
  • Wrapping Up

Taught by

Mike North

Reviews

Start your review of Sass Fundamentals

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.