Aplicarea blocului de cod pentru pseudoclase în LESS
Să facem o funcție care va seta
stilurile link-ului în starea hover.
Fie ca această funcție să accepte un bloc de cod ca parametru:
.hover(@code) {
}
Să afișăm blocul de cod transmis în interiorul
stării hover:
.hover(@code) {
&:hover {
@code();
}
}
Să folosim funcția noastră în interiorul link-ului:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Rezultatul compilării:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Creați o funcție similară care va
seta stilurile pentru input în starea focus.
