SCSS: getting started

Lesson 08 · 11 min

The build and why SCSS

Without a build step the browser gets nothing. Vite/sass compiles it to CSS. Don't mix three preprocessors.

11 minLesson 8 of 8Practice includedAsk AI on any point

In this course SCSS is convenient source code: nesting, $, mixins, files. In production the user downloads CSS. Vite: import "./styles.scss". A syntax error shows up at build time, not "silently in the CSS tab". Enable source maps in dev: in DevTools you see the .scss line.

Sign in to continue

The rest of this lesson opens after sign up

The first lesson of every course is open without an account. To read on, solve the practice and use Ask, create a free account or log in.