Applicazione di un Blocco di Codice per le Pseudo-classi in LESS
Creiamo una funzione che imposterà
gli stili di un link nello stato hover.
Lasciamo che questa funzione accetti un blocco di codice come parametro:
.hover(@code) {
}
Visualizziamo il blocco di codice passato all'interno
dello stato hover:
.hover(@code) {
&:hover {
@code();
}
}
Utilizziamo la nostra funzione all'interno di un link:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Risultato della compilazione:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Crea una funzione analoga che imposterà
gli stili per un input nello stato focus.
