New btn-rounded utility class?
Created by: sts-ryan-holton
Hi! I'm suggesting a simple, yet effective utility class here for buttons to be added. Whilst the Bootstrap docs does indeed have a rounded-circle
utility class found in the border section (https://getbootstrap.com/docs/4.1/utilities/borders/#border-radius) this doesn't quite work too well when applied to buttons to essentially create a pill shaped button.
The rounded-circle
utility class looks like this and doesn't quite work as expected when added to buttons.
.rounded-circle {
border-radius: 50%!important;
}
I suggest creating an additional utility class with a px value for buttons to create a nice effect, possibly something like this...
.btn-rounded {
border-radius: 50px!important;
}
I use rounded buttons a lot in my work and find myself having to create these classes, I don't think it would take too much to add this in the next release?
Cheers!