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 :
.radius(@radius) {
-moz-border-radius: @radius;
-webkit-border-radius: @radius;
border-radius: @radius;
}
Utilisons notre fonction :
div {
.radius(10px);
}
Résultat de la compilation :
div {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}