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:

styles.less.hover(@code) {
  
}

Visualizziamo il blocco di codice passato all'interno dello stato hover:

styles.less.hover(@code) {
  &:hover {
    @code();
  }
}

Utilizziamo la nostra funzione all'interno di un link:

styles.lessa {
  color: red;
  
  .hover({
    color: blue;
    text-decoration: none;
  });
}

Risultato della compilazione:

styles.cssa {
  color: red;
}
a:hover {
  color: blue;
  text-decoration: none;
}