Primena bloka koda za pseudoklase u LESS-u
Hajde da napravimo funkciju koja će zadavati
stilove linka u stanju hover.
Neka ova funkcija parametrom prima blok koda:
.hover(@code) {
}
Hajde da izvedemo prosleđeni blok koda unutar
stanja hover:
.hover(@code) {
&:hover {
@code();
}
}
Iskoristimo našu funkciju unutar linka:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Rezultat kompilacije:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Napravite analogičnu funkciju koja će
zadavati stilove za input u stanju focus.
