LESSda psevdoklasslar uchun kod blokidan foydalanish
Keling, hover holati uchun havola uslublarini belgilaydigan
funksiya yarataylik.
Bu funksiya parametr sifatida kod blokini qabul qilsin:
.hover(@code) {
}
Keling, berilgan kod blokini
hover holati ichida chiqaramiz:
.hover(@code) {
&:hover {
@code();
}
}
Keling, bizning funksiyamizdan havola ichida foydalanamiz:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Kompilyatsiya natijasi:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
focus holatidagi input uchun uslublarni belgilaydigan
shunga o'xshash funksiya yarating.
