Uporaba kode bloka za psevdorazrede v LESS
Ustvarimo funkcijo, ki bo nastavila
stile povezave v stanju hover.
Naj ta funkcija kot parameter sprejme blok kode:
.hover(@code) {
}
Izpišimo posredovani blok kode znotraj
stanja hover:
.hover(@code) {
&:hover {
@code();
}
}
Uporabimo našo funkcijo znotraj povezave:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Rezultat prevajanja:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Naredite podobno funkcijo, ki bo
nastavila stile za vnosno polje v stanju focus.
