Confusing classes `rounded-sm` and `rounded-lg`
Created by: tpaksu
Hello,
I think there might be a cause of misunderstanding, which I experienced now about the rounded-lg
and rounded-sm
classes, because when I saw rounded-lg
, I instantly got the message that the element edges should be rounded when the screen size is greater than md
dimensions.
How about using .rounded-lg
, .rounded-md
, .rounded-sm
, .rounded-xl
as they are meant to be as breakpoint definers and add .rounded-1
, .rounded-2
, rounded-3
like size definitions as they are in p-1
, p-2
(padding) definitions?
Use case: For example jumbotron uses exactly this, on screens smaller than lg it has no border-radus, and larger than md, it has. Why don't we have something like this for example like the card-img
? We can add rounded-0 rounded-lg
to achieve this easily. rounded-lg-1
would be delicious too.