Ужыванне блока кода для псеўдакласаў у 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.
