Použitie bloku kódu pre pseudotriedy v LESS
Vytvorme funkciu, ktorá nastaví
štýly odkazu v stave hover.
Nech táto funkcia ako parameter prijíma blok kódu:
.hover(@code) {
}
Vypíšme prenášaný blok kódu vnútri
stavu hover:
.hover(@code) {
&:hover {
@code();
}
}
Použime našu funkciu vnútri odkazu:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Výsledok kompilácie:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Vytvorte podobnú funkciu, ktorá bude
nastavovať štýly pre vstup v stave focus.
