Aplicación de prefijos de proveedor para crear esquinas redondeadas en LESS
Hagamos una función que redondee las esquinas de forma compatible con todos los navegadores:
.radius(@radius) {
-moz-border-radius: @radius;
-webkit-border-radius: @radius;
border-radius: @radius;
}
Utilicemos nuestra función:
div {
.radius(10px);
}
Resultado de la compilación:
div {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
