Примена на блок код за псевдокласи во LESS
Ајде да направиме функција која ќе ги задава
стиловите на врската во состојба hover.
Нека оваа функција како параметар прифаќа блок код:
.hover(@code) {
}
Ајде да го испечатиме предадениот блок код внатре
во состојбата hover:
.hover(@code) {
&:hover {
@code();
}
}
Да ја искористиме нашата функција внатре во врската:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Резултат на компајлирање:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Направете слична функција, која ќе
ги задава стиловите за input полето во состојба focus.
