Εφαρμογή vendor prefixes για τη δημιουργία στρογγυλεμένων γωνιών στο LESS
Ας φτιάξουμε μια συνάρτηση που θα κάνει cross-browser στρογγυλοποίηση γωνιών:
.radius(@radius) {
-moz-border-radius: @radius;
-webkit-border-radius: @radius;
border-radius: @radius;
}
Ας χρησιμοποιήσουμε τη συνάρτησή μας:
div {
.radius(10px);
}
Αποτέλεσμα μεταγλώττισης:
div {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
