Funksjoner i LESS

I denne leksjonen vil vi se på hvordan vi bruker funksjoner. Funksjoner ligner litt på miksing, men tillater samtidig å legge til parametere, som kan endre sine verdier.

Disse parameterne sendes i runde parenteser til funksjonen. La oss se på et eksempel.

La oss lage en funksjon fs, som vil sette skriftstørrelsen. La størrelsen sendes som en parameter. Som parameter vil en variabel fungere, navnet på denne tenker vi oss når vi deklarerer funksjonen:

.fs(@size) {
	// her vil koden til funksjonen være
}

La oss spesifisere inne i funksjonen, hvor verdien av parameteren vår skal settes inn:

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

La oss kalle funksjonen vår, og sende den ønsket størrelse på elementet som parameter:

p {
	.fs(20px);
}

Som et resultat, etter kompilering vil skriftstørrelsen på avsnittet bli lik den angitte verdien:

p {
	font-size: 20px;
}

Lag en funksjon w(), som vil sette bredden på elementet.

Lag en funksjon h(), som vil sette høyden på elementet.