Aplicarea blocului de cod pentru pseudoclase în LESS

Să facem o funcție care va seta stilurile link-ului în starea hover.

Fie ca această funcție să accepte un bloc de cod ca parametru:

styles.less.hover(@code) {
  
}

Să afișăm blocul de cod transmis în interiorul stării hover:

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

Să folosim funcția noastră în interiorul link-ului:

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

Rezultatul compilării:

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