Kintamieji SASS

Kalbas SASS leidžia naudoti kintamuosius. Kintamasis yra konteineris, kuriame galima saugoti tam tikrus duomenis ir naudoti juos reikiamose kodo vietose.

Norint sukurti kintamąjį, reikia sugalvoti jo vardą ir prieš jį įdėti ženklą $. Tada po kintamojo vardo dedame dvitaškį ir nurodome to kintamojo reikšmę. Pažiūrėkime pavyzdžiui sukurkime kintamąjį vardu var:

styles.scss$var: 20px;

Dabar panaudokime šį kintamąjį kaip savybės reikšmę:

styles.scssp {
  font-size: $var;
}

Rezultate, po kompiliavimo į CSS, vietoj mūsų kintamojo bus pakeista jo reikšmė:

styles.cssp {
  font-size: 20px;
}

styles.scss$color: #000;

p {
  color: $color;
}