Introductie tot de SASS-taal
In deze tutorial gaan we de preprocessor SASS bestuderen. SASS is een alternatief voor de preprocessor LESS, die ook mogelijk maakt om te programmeren in CSS.
Eigenlijk heeft SASS twee syntaxvarianten, de eerste variant heet ook SASS, en de tweede - SCSS. Beide ondersteunen dezelfde set functies en verschillen slechts een beetje in syntax. Omdat SCSS echter nieuwer en veelgebruikter is, zullen we in deze tutorial juist deze variant bestuderen.
Dus, de SCSS-syntax lijkt op de CSS-syntax,
dat betekent dat we dezelfde accolades
en dezelfde aanhalingstekens met puntkomma zullen zien als in CSS.
Laten we een voorbeeld van de SCSS-syntax bekijken,
waarbij we direct een lettertype en een kleur toekennen aan variabelen,
waarna we deze variabelen toekennen aan
eigenschappen in de selector body:
$font: Helvetica, sans-serif;
$color: #333;
body {
font: $font;
color: $color;
}
