Koodiploki kasutamine pseudoklasside jaoks LESS-is
Teeme funktsiooni, mis määrab
lingi stiilid olekus hover.
Olgu sellel funktsioonil parameetriks koodiplokk:
.hover(@code) {
}
Väljastame edastatud koodiploki sees
olekus hover:
.hover(@code) {
&:hover {
@code();
}
}
Kasutame oma funktsiooni lingi sees:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Kompileerimise tulemus:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Tehke sarnane funktsioon, mis määrab
stiilid sisendväljale olekus focus.
