Тағйирёбандаҳо дар LESS

Забони LESS имконияти истифодаи тағйирёбандаҳоро медиҳад. Тағйирёбанда контейнерест, ки шумо метавонед баъзе маълумотро дар он нигоҳ доред ва онҳоро дар ҷойҳои зарурии код истифода баред.

Барои сохтани тағйирёбанда, лозим аст ки номи онро дарёбед ва пеш аз он аломати @-ро гузоред. Сипас пас аз номи тағйирёбанда дунуқта гузошта, қимати ин тағйирёбандаро муайян мекунем. Биёед барои мисол тағйирёбандае бо номи var созем:

@var: 20px;

Ҳоло биёед ин тағйирёбандаро ба сифати қимати хосият истифода кунем:

p {
	font-size: @var;
}

Дар натиҷа пас аз компилятсия ба CSS ба ҷои тағйирёбандаи мо қимати он ҷойгузин карда мешавад:

p {
	font-size: 20px;
}

Баҳс кунед, ки натиҷаи компилятсияи коди зерин чӣ хоҳад буд:

@color: #000;

p {
	color: @color;
}