Εφαρμογή του μπλοκ κώδικα για ψευδοκλάσεις στο LESS

Ας φτιάξουμε μια συνάρτηση που θα ορίζει τα στυλ ενός συνδέσμου στην κατάσταση hover.

Ας παίρνει αυτή η συνάρτηση ως παράμετρο ένα μπλοκ κώδικα:

styles.less.hover(@code) {
  
}

Ας εκτυπώσουμε το μεταδιδόμενο μπλοκ κώδικα μέσα στην κατάσταση hover:

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

Ας χρησιμοποιήσουμε τη συνάρτησή μας μέσα σε ένα σύνδεσμο:

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

Αποτέλεσμα μεταγλώττισης:

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