Aplicação de bloco de código para pseudoclasses em LESS
Vamos criar uma função que irá definir
os estilos de um link no estado hover.
Suponha que esta função aceite um bloco de código como parâmetro:
.hover(@code) {
}
Vamos executar o bloco de código passado dentro
do estado hover:
.hover(@code) {
&:hover {
@code();
}
}
Vamos usar nossa função dentro de um link:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Resultado da compilação:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Crie uma função similar que irá
definir os estilos para um input no estado focus.
