Zbatimi i bllokut të kodit për pseudo-klasat në LESS
Le të bëjmë një funksion që do të vendosë
stilet e lidhjes në gjendjen hover.
Le të marrë ky funksion si parametër një bllok kodi:
.hover(@code) {
}
Le të ekzekutojmë bllokun e kodit të kaluar brenda
gjendjes hover:
.hover(@code) {
&:hover {
@code();
}
}
Le të përdorim funksionin tonë brenda lidhjes:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Rezultati i kompilimit:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Bëni një funksion të ngjashëm që do të
vendosë stilet për inputin në gjendjen focus.
