Kiss My Sass

Explore advanced features of Syntactically Awesome Stylesheets (SASS) in this 51-minute conference talk from NDC Oslo 2020. Delve into the power of SASS beyond basic variables and nesting, uncovering underutilized capabilities that can revolutionize CSS coding. Learn about mixins, includes, and functions, and how they impact code architecture. Discover implementation use cases for advanced SASS features, their benefits, and effects on CSS output. Cover topics such as syntax variations, color functions, conditionals, loops, and mapping. Gain insights into creating more efficient and powerful stylesheets, from basic nesting to complex color wheel implementations and rainbow navigation designs.

Intro
Sass vs Ruby
What is Sass
Syntaxes
Nesting
Variables
curly braces
HTML
Mixins
Extend
Color Functions
Complement
Code
Conditions
Functions
Syntax
Color Contrast
Color Function
Return Function
Ifelse
Colors
Console Log
Three Cards
Add Each
Output
Navigation
Rainbow Colors
App for Loop
Color Wheel
A Link
Questions
Mapping