Variablat në LESS

Gjuha LESS lejon përdorimin e variablave. Një variabël përfaqëson një enë, në të cilën mund të ruhen disa të dhëna dhe t'i përdorni ato në vendet e duhura të kodit.

Për të krijuar një variabël, duhet të gjeni emrin e saj dhe përpara saj vendosni shenjën @. Pastaj pas emrit të variablës vendosim dy pika dhe caktojmë vlerën e asaj variabile. Le të bëjmë për shembull një variabël me emrin var:

styles.less@var: 20px;

Tani le ta përdorim këtë variabël si vlerë të një vetie:

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

Si rezultat, pas kompilimit në CSS, në vend të variablës sonë do të zëvendësohet vlera e saj:

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

styles.less@color: #000;

p {
  color: @color;
}