Примена на блок код за псевдокласи во 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;
}