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