Expansion of the 'rounded' classes
Created by: stormriderstudios
As it stands we have classes which allow us to add rounding to 2 sides (via the top/bottom/left/right classes), 3 sides (by combining the 2 sided classes) and 4 sides (either through combining the 2 sided classes or just "rounded"). We can also control, to some degree, the size of the rounding (large or small).
I'm proposing an expansion of these classes to add the following options:
-
Rounding on 1 corner only Currently, this is only possible (to my knowledge) by direct CSS
-
Size increments for rounding more akin to the margin/padding sizes (0-5) This is more of a nicety and I'm aware that the small and large classes match the input controls and buttons.
-
Responsive rounding (so adding the intermediate qualifier -md or -lg etc) This is probably the trickiest to add, I don't know a whole lot about how the media queries for these are setup but I feel it would be useful to allow rounding on larger screens, where there is space to have things alongside each other, but revert to full-width stripes on smaller displays.
I realise that this is really 3 requests and that it's no small undertaking but I feel that each tweak has its own merit.