Примена блока кода за псевдокласе у 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;
}
Направите сличну функцију, која ће
постављати стилове за унос у стању focus.
