LESS-də psevdo-siniflər üçün kod blokunun tətbiqi
Gəlin, hover vəziyyətində
keçid üçün stillər təyin edəcək bir funksiya edək.
Bu funksiya parametr olaraq kod bloku qəbul etsin:
.hover(@code) {
}
Gəlin ötürülən kod blokunu
hover vəziyyətinin içərisində çıxaraq:
.hover(@code) {
&:hover {
@code();
}
}
Funksiyamızdan keçidin içərisində istifadə edək:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Kompilyasiya nəticəsi:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
focus vəziyyətində input üçün
stillər təyin edəcək oxşar bir funksiya edin.
