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:
$var: 20px;
Şimdi bu değişkeni bir özelliğin değeri olarak kullanalım:
p {
font-size: $var;
}
Sonuç olarak, CSS'e derlendikten sonra değişkenimizin yerine onun değeri konulacak:
p {
font-size: 20px;
}
Aşağıdaki kodun derleme sonucunun ne olacağını anlatın:
$color: #000;
p {
color: $color;
}
