CSS:stä SCSS:ään viittaa prosessiin, jossa standardi CSS (Cascading Style Sheets) muunnetaan SCSS:ksi (Sassy CSS) – tehokkaan CSS-esikäsittelijän Sassin syntaksi. SCSS laajentaa CSS:ää ominaisuuksilla, kuten muuttujilla, sisäkkäisyydellä, miksauksilla, funktioilla ja periytymisellä, jotta voidaan luoda järjestelmällisempiä ja uudelleenkäytettäviä tyylitiedostoja.
Muuttujat: Tallenna uudelleenkäytettäviä arvoja, kuten värejä, fonttikokoja ja välistysyksiköitä.
Sisäkkäisyys: Järjestä CSS-säännöt hierarkkiseen rakenteeseen, joka peilaa HTML-koodiasi.
Sekoitus: Käytä tyyliryhmiä uudelleen useissa elementeissä.
Funktiot ja operaattorit: Suorita laskutoimituksia tai käsittele arvoja dynaamisesti.
Koodin organisointi: Jaa tyylit useisiin modulaarisiin osiin käyttämällä @import- tai @use-komentoa.
Kun työskentelet suurten projektien parissa, jotka tarvitsevat parempaa rakennetta ja uudelleenkäytettävyyttä.
Kun ylläpidät tai liityt koodikantaan, joka jo käyttää SCSS:ää.
Kun tarvitset edistyneitä ominaisuuksia, joita tavallinen CSS ei tarjoa (esim. silmukat, matemaattiset laskutoimitukset).
Kun noudatat komponenttipohjaista tai suunnittelujärjestelmäpohjaista lähestymistapaa tyyliin.
