SASS'ta Değişkenler

SASS dili değişkenler kullanımına izin verir. Değişkenler, içinde bazı verileri depolayabildiğiniz ve kodun gerekli yerlerinde kullanabildiğiniz kaplardır.

Bir değişken oluşturmak için, bir isim bulmalı ve önüne $ işaretini koymalısınız. Sonra değişken adından sonra iki nokta üst üste koyarak bu değişkenin değerini belirtiriz. Örnek olarak adı var olan bir değişken yapalım:

styles.scss$var: 20px;

Şimdi bu değişkeni bir özelliğin değeri olarak kullanalım:

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

Sonuç olarak, CSS'e derlendikten sonra değişkenimizin yerine onun değeri konulacak:

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

styles.scss$color: #000;

p {
  color: $color;
}