Application des préfixes vendeurs pour créer des coins arrondis en LESS

Créons une fonction qui arrondira les coins de manière cross-browser :

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

Utilisons notre fonction :

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

Résultat de la compilation :

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