Įvadas į SASS kalbą
Šioje mokymo programoje mes mokysimės SASS priešprocesoriaus. SASS yra alternatyva LESS priešprocesoriui, kuris taip pat leidžia programuoti CSS.
Tiesą sakant, SASS turi dvi sintaksės variacijas, pirmasis variantas taip pat vadinamas SASS, o antrasis - SCSS. Abu jie palaiko tą pačią funkcijų rinkinį ir tik šiek tiek skiriasi sintakse. Tačiau, kadangi SCSS yra naujesnis ir plačiau naudojamas, šioje mokymo programoje mes mokysimės būtent jį.
Taigi, SCSS sintaksė yra panaši į CSS sintaksę,
tai yra, pamatysime tas pačias garbanotas skliaustas
ir tas pačias kabliataškius su kableliais, kaip ir CSS.
Panagrinėkime SCSS sintaksės pavyzdį,
kur iš karto priskiriame kintamiesiems šriftą
ir spalvą, po to priskiriame šiuos kintamuosius
savybėms body selektoriuje:
$font: Helvetica, sans-serif;
$color: #333;
body {
font: $font;
color: $color;
}