Zbatimi i bllokut të kodit për pseudo-klasat në LESS

Le të bëjmë një funksion që do të vendosë stilet e lidhjes në gjendjen hover.

Le të marrë ky funksion si parametër një bllok kodi:

styles.less.hover(@code) {
  
}

Le të ekzekutojmë bllokun e kodit të kaluar brenda gjendjes hover:

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

Le të përdorim funksionin tonë brenda lidhjes:

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

Rezultati i kompilimit:

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