Toepassing van codeblok voor pseudoklassen in LESS

Laten we een functie maken die stijlen voor een link in de hover toestand instelt.

Laat deze functie een codeblok als parameter accepteren:

styles.less.hover(@code) {
  
}

Laten we het doorgegeven codeblok uitvoeren binnen de hover toestand:

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

Laten we onze functie binnen een link gebruiken:

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

Compilatieresultaat:

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