Použití bloku kódu pro pseudotřídy v LESS
Vytvořme funkci, která nastaví
styly odkazu ve stavu hover.
Nechť tato funkce přijímá blok kódu jako parametr:
.hover(@code) {
}
Vypišme předaný blok kódu uvnitř
stavu hover:
.hover(@code) {
&:hover {
@code();
}
}
Použijme naši funkci uvnitř odkazu:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Výsledek kompilace:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Vytvořte podobnou funkci, která
nastaví styly pro input ve stavu focus.
