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:

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

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

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

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

p {
	.fs(20px);
}

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

p {
	font-size: 20px;
}

Bëni funksionin w(), i cili do të vendosë gjerësinë e elementit.

Bëni funksionin h(), i cili do të vendosë lartësinë e elementit.