Building a Responsive Single-Page Design with Sass

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.

Introduction

• How can Sass help build sites
• Working with the exercise files

1. Understanding Sass

• Sass requirements
• Build installation

2. Sass Fundamentals

• Sass syntax
• Using variables
• Nesting
• Partials
• Parent selector
• Mixins
• Extend
• Challenge: Build a button mixin
• Solution: Build a button mixin

3. Working with SassScript

• Interpolation
• Placeholder selectors
• Comments
• Using lists
• Each
• For
• Maps
• Operators and conditionals
• Color functions
• Challenge: Badges
• Solution: Badges

Conclusion

• Next steps