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:

styles.less@var: 20px;

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

styles.lessp {
  font-size: @var;
}

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

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

styles.less@color: #000;

p {
  color: @color;
}