Border-radius shorthand for easy rounded corners

[aentan]

Demo http://sassmeister.com/gist/881e68672287d08817dc

• According to some places border-radius shorthand is not supported by Webkit.
• According to CanIUse Samsung Galaxy S4 with Android 4.2 does not support the border-radius shorthand

This mixin expands shorthand into longhand.

[davidtheclark]

Thanks @aentan.

Do you have other any sources for the "not supported by Webkit" suggestion?

How about changing the name of the mixin to border-radius. That would be consistent with other shorthands (border, padding, margin).

Also, have a look at, say, https://github.com/davidtheclark/scut/blob/master/src/layout/_padding.scss to pick some implementation details -- here's what I'd like in the mixin:

• Allow anywhere from 1-4 arguments without defaulting all sides to 0.
• Allow the use of n to skip a side (generating no declaration).

These shorthands are very simple, but one of their simple benefits over native shorthands is that they allow you to override several specific sides at once without having to override them all.