Die toepassing van verkoper-voorvoegsels vir die skep van afgeronde hoeke in LESS

Laat ons 'n funksie maak wat kruisblaaier hoeke sal rond:

styles.less.radius(@radius) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}

Laat ons ons funksie gebruik:

styles.lessdiv {
  .radius(10px);
}

Kompilasieresultaat:

styles.cssdiv {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}