Pembolehubah dalam SASS

Bahasa SASS membenarkan penggunaan pembolehubah. Pembolehubah mewakili bekas, di mana anda boleh menyimpan beberapa data dan menggunakannya di tempat yang diperlukan dalam kod.

Untuk mencipta pembolehubah, anda perlu memikirkan namanya dan letakkan tanda $ di hadapannya. Kemudian selepas nama pembolehubah letakkan tanda titik bertindih dan tentukan nilai pembolehubah itu. Mari sebagai contoh buat pembolehubah dengan nama var:

styles.scss$var: 20px;

Sekarang mari kita gunakan pembolehubah ini sebagai nilai sifat:

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

Hasilnya, selepas pengkompilasian ke CSS, bukannya pembolehubah kita, nilainya akan digantikan:

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

styles.scss$color: #000;

p {
  color: $color;
}