Прилагане на кодови блокове за псевдокласове в 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;
}
Направете подобна функция, която ще
задава стилове за input в състояние focus.
