Kodo bloko panaudojimas pseudoklasėms LESS
Sukurkime funkciją, kuri nustatys
nuorodos stilius būsenoje hover.
Tegul ši funkcija parametru priima kodo bloką:
.hover(@code) {
}
Išveskime perduotą kodo bloką viduje
būsenos hover:
.hover(@code) {
&:hover {
@code();
}
}
Panaudokime mūsų funkciją nuorodos viduje:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Kompiliavimo rezultatas:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Sukurkite analogišką funkciją, kuri
nustatys stilius įvesties laukui būsenoje focus.
