SASS-da O'zgaruvchilar

SASS tili o'zgaruvchilar dan foydalanishga imkon beradi. O'zgaruvchi ma'lum bir ma'lumotlarni saqlash va ularni kerakli joylarda ishlatish mumkin bo'lgan konteynerdir.

O'zgaruvchi yaratish uchun uning nomini o'ylab toping va uning oldiga $ belgisini qo'ying. Keyin o'zgaruvchi nomidan keyin ikki nuqta qo'ying va shu o'zgaruvchining qiymatini ko'rsating. Keling misol uchun var nomli o'zgaruvchi yarataylik:

styles.scss$var: 20px;

Keling endi ushbu o'zgaruvchidan xususiyat qiymati sifatida foydalanaylik:

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

Natijada, CSS ga kompilyatsiya qilingandan so'ng, o'zgaruvchi o'rniga uning qiymati qo'yiladi:

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

styles.scss$color: #000;

p {
  color: $color;
}