Launch a New Career with Certificates from Google, IBM & Microsoft
Earn a Michigan Engineering AI Certificate — Stay Ahead of the AI Revolution
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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.
Syllabus
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
Taught by
NDC Conferences