LESS'te Değişkenler
LESS dili değişkenler kullanımına izin verir. Değişken, içinde bazı verileri depolayabildiğiniz ve onları kodun gerekli yerlerinde kullanabildiğiniz bir kapsayıcıdır.
Bir değişken oluşturmak için, bir isim bulmalı
ve önüne @ işaretini koymalısınız.
Ardından değişken adından sonra iki nokta üst üste koyarız
ve bu değişkenin değerini belirtiriz. Hadi ö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, derlemeden sonra CSS'te değişkenimizin yerine onun değeri konulacak:
p {
font-size: 20px;
}
Aşağıdaki kodun derleme sonucunun ne olacağını açıklayın:
@color: #000;
p {
color: @color;
}
