Funksionet në LESS

Në këtë mësim do të shqyrtojmë se si të përdorim funksionet. Funksionet janë disi të ngjashme me përzierjet, por në të njëjtën kohë lejojnë shtimin e parametrave, të cilët mund të ndryshojnë vlerat e tyre.

Këta parametra kalohen në kllapat e rrumbullakëta të funksionit. Le të shohim një shembull.

Le të bëjmë funksionin fs, i cili do të vendosë madhësinë e shkronjave. Le të jetë madhësia e kaluar si parametër. Si parametër do të veprojë një variabël, emrin e së cilës ne e zgjedhim kur deklarojmë funksionin:

styles.less.fs(@size) {
  // këtu do të jetë kodi i funksionit
}

Le të përcaktojmë brenda funksionit, ku duhet të futet vlera e parametrit tonë:

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

Le të thërrasim funksionin tonë, duke i kaluar si parametër madhësinë e dëshiruar të elementit:

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

Si rezultat, pas kompilimit madhësia e shkronjave të paragrafit do të bëhet e barabartë me vlerën e specifikuar:

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