LESS - Fonction par défaut

La description

La fonction Default renvoie true uniquement lorsqu'elle est disponible dans la condition de garde et ne correspond à aucun autre mixin, sinon elle retourne false. Il s'interprète comme du CSS normal lorsque la fonction par défaut est utilisée en dehors de la condition de garde de mixin.

Exemple

L'exemple suivant montre l'utilisation de la fonction par défaut dans le fichier LESS -

Vous trouverez ci-dessous le fichier de feuille de style enregistré avec l'extension .less ; c'est similaire à un fichier CSS.

sans style

.mixin(1)                   {a: 5}
.mixin(2)                   {b: 10}
.mixin(3)                   {c: 15}
.mixin(@a) when (default()) {d: @a}

div {
   .mixin(12);
}

div.style {
   .mixin(3);
}

Vous pouvez compiler le fichier style.less dans style.css à l'aide de la commande suivante -

lessc style.less style.css

Exécutez la commande ci-dessus; il créera automatiquement le fichier style.css avec le code suivant -

style.css

div {
   d: 12;
}
div.special {
   c: 15;
}