Sass (Scss) 101

Sass is a CSS preprocessor that lets you do things that’s either impossible or clunky to do in native CSS. Sass allows you to nest CSS rules, use declare and use variables, easily reuse rules without rewriting them, and import external styles and reference their variables and styles.

In this video, we’ll have a quick look at some Sass basics.

 

Sass official guide 👉🏾 https://sass-lang.com/guide

Sass Syntax 👉🏾 https://sass-lang.com/documentation/syntax

Sass extension for VScode 👉🏾 https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented

Live Sass Compiler extension for VScode 👉🏾 https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass

Comments