Változók a LESS-ben

A LESS nyelv lehetővé teszi változók használatát. A változók olyan tárolók, amelyekben adatokat tárolhatunk, és használhatjuk őket a kód szükséges helyein.

Változó létrehozásához ki kell találnunk a nevét, és elé kell tennünk a @ jelet. Ezután a név után kettőspontot teszünk, és megadjuk a változó értékét. Példaként készítsünk egy var nevű változót:

styles.less@var: 20px;

Most használjuk ezt a változót egy tulajdonság értékeként:

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

Ennek eredményeképpen a CSS-be való fordítás után a változó helyére annak értéke kerül:

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

styles.less@color: #000;

p {
  color: @color;
}