I have shortened the new .border-radius class to .br and updated the docs with the new information.

Then "border radius bottom right" will be br-br, right? :)

Then "border radius bottom right" will be br-br, right? :)

The border radius class will apply to all 4 corners, so there won't be a br-br-2 class to just set the bottom right border radius with the current implementation.

Then "border radius bottom right" will be br-br, right? :)

The border radius class will apply to all 4 corners, so there won't be a br-br-2 class to just set the bottom right border radius with the current implementation.

Yes, I guess I saw the implementation in tailwindcss. That came to my mind and wanted to ask. BTW the clarification with .border-radius is gone with .br. IMO, of course. If you want to add a line break class later for example .br { margin-bottom: 1em } this would clash. But there's also .mb-3, right. Well you know it better. Just my thoughts.

Not sure about the br-top syntax, in general we concat the properties (eg. pt for padding-top). This would mean we should use brt instead.

Not sure about that syntax either though. @mdo, what do you think?

This PR does not include rename the border class name, but as @mdo commented above, the new name for border must also be considered. (This does not mean to include it in this PR.)
 
We should avoid conflicting br (border-radius and border-right). The best solution here is to match Zen Cording.

e.g.

• bd-1 : border: 1px solid $border-color;
• bdt-1: border-top: 1px solid $border-color;
• bdr-1: border-right: 1px solid $border-color;
• bdrs-1: border-radius: $border-radius-sm:

This also compatible with the spacing classes.

@JensLuyten Could you change the class names to bdrs?

@ysds At that point, we might as well use radius instead of abbreviating :). I don't mind that fwiw.

@JensLuyten Could you please take a pass at updating this to reflect the latest comments? We're backpedaling on the abbreviations and are opting for radius as the clearest option.