Funcții în LESS

În această lecție vom analiza cum să utilizăm funcțiile. Funcțiile sunt oarecum similare cu mixin-urile, dar permit adăugarea de parametri, care își pot schimba valorile.

Acești parametri sunt transmiși în paranteze rotunde ale funcției. Să privim un exemplu.

Să creăm o funcție fs, care va seta dimensiunea fontului. Fie ca dimensiunea să fie transmisă ca parametru. Ca parametru va acționa o variabilă, al cărei nume îl inventăm la declararea funcției:

.fs(@size) {
	// aici va fi codul funcției
}

Să indicăm în interiorul funcției, unde ar trebui să fie inserată valoarea parametrului nostru:

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

Să apelăm funcția noastră, transmitându-i ca parametru dimensiunea dorită a elementului:

p {
	.fs(20px);
}

Ca rezultat, după compilare, dimensiunea fontului paragrafului va deveni egală cu valoarea indicată:

p {
	font-size: 20px;
}

Creați o funcție w(), care va seta lățimea elementului.

Creați o funcție h(), care va seta înălțimea elementului.