Inleiding tot die SASS-taal
In hierdie handleiding sal ons die SASS-preprosesseerder bestudeer. SASS is 'n alternatief vir die LESS-preprosesseerder, wat ook programmering in CSS moontlik maak.
Eintlik het SASS twee sintaksvariantse, die eerste variant word ook SASS genoem, en die tweede - SCSS. Albei ondersteun dieselfde stel funksies en verskil slegs effens in sintaks. Aangesien SCSS egter die nuwer en meer wyd gebruikte is, sal ons in hierdie handleiding spesifiek dit bestudeer.
Dus, die SCSS-sintaks is soortgelyk aan die CSS-sintaks,
dit wil sê, ons sal dieselfde krulhakies
en dieselfde aanhalingstekens met komma sien as in CSS.
Kom ons kyk na 'n voorbeeld van SCSS-sintaks,
waar ons dadelik 'n font en 'n kleur aan veranderlikes toeken,
en dan hierdie veranderlikes toeken aan
eienskappe in die body selektor:
$font: Helvetica, sans-serif;
$color: #333;
body {
font: $font;
color: $color;
}
