Learn the fundamentals of Syntactically Awesome Stylesheets (Sass), a modern web development language that helps you write CSS better, faster, and with more advanced features.
Overview
Syllabus
Introduction
- How can Sass help build sites
- Working with the exercise files
- Sass requirements
- Build installation
- Sass syntax
- Using variables
- Nesting
- Partials
- Parent selector
- Mixins
- Extend
- Challenge: Build a button mixin
- Solution: Build a button mixin
- Interpolation
- Placeholder selectors
- Comments
- Using lists
- Each
- For
- Maps
- Operators and conditionals
- Color functions
- Challenge: Badges
- Solution: Badges
- Next steps
Taught by
Ray Villalobos