Fonctions dans LESS

Dans cette leçon, nous examinerons comment utiliser les fonctions. Les fonctions, un peu similaires aux mixins, permettent cependant d'ajouter des paramètres, qui peuvent changer leurs valeurs.

Ces paramètres sont passés entre parenthèses de la fonction. Regardons un exemple.

Créons une fonction fs, qui définira la taille de la police. La taille est passée en paramètre. Le paramètre sera une variable, dont le nom est choisi lors de la déclaration de la fonction :

.fs(@size) {
	// ici se trouvera le code de la fonction
}

Indiquons à l'intérieur de la fonction où la valeur de notre paramètre doit être insérée :

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

Appelons notre fonction en lui passant comme paramètre la taille souhaitée pour l'élément :

p {
	.fs(20px);
}

En conséquence, après la compilation, la taille de police du paragraphe deviendra la valeur spécifiée :

p {
	font-size: 20px;
}

Créez une fonction w(), qui définira la largeur d'un élément.

Créez une fonction h(), qui définira la hauteur d'un élément.