Funktioner i LESS

I denne lektion vil vi se på, hvordan man bruger funktioner. Funktioner ligner på en måde mixins, men giver mulighed for at tilføje parametre, som kan ændre deres værdier.

Disse parametre overføres i funktionens runde parenteser. Lad os se på et eksempel.

Lad os lave en funktion fs, som vil indstille skriftstørrelsen. Lad størrelsen blive overført som en parameter. Som parameter vil der være en variabel, hvis navn vi finder på, når funktionen erklæres:

styles.less.fs(@size) {
  // her vil koden for funktionen være
}

Lad os angive inde i funktionen, hvor værdien af vores parameter skal indsættes:

styles.less.fs(@size) {
  font-size: @size;
}

Lad os kalde vores funktion ved at overføre den ønskede elementstørrelse som en parameter:

styles.lessp {
  .fs(20px);
}

Som et resultat efter kompilering vil skriftstørrelsen for afsnittet blive lig med den angivne værdi:

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