I attempted to eliminate the border radius from all Bootstrap elements by creating a custom-mixins.less file with the following lines in it. My intention was for these lines to overwrite the original .border-radius mixin, but unfortunately, it did not work as expected.
// Border Radius
.border-radius(@radius) {
}
In search of an alternative solution, I tried the following lines which did end up working.
// Border Radius
.border-radius(@radius) {
@radius : 0px;
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
After experimenting with some mixins on http://less2css.org, it became apparent that instead of overwriting the mixins, Less simply appends all the properties from later mixins to the original one. Is there a cleaner and easier way to achieve this goal?