Border Radius View source

The border-radius mixin can take short-hand notation or the full radius expression.

{% highlight scss %} @include border-radius(10px); @include border-radius(5px 5px 2px 2px); {% endhighlight %}

You can also specify individual corners.

{% highlight scss %} @include border-top-left-radius(5px); @include border-top-right-radius(5px); @include border-bottom-right-radius(5px); @include border-bottom-left-radius(5px); {% endhighlight %}

Individual sides are supported as well.

{% highlight scss %} @include border-top-radius(5px); @include border-bottom-radius(5px); @include border-left-radius(5px); @include border-right-radius(5px); {% endhighlight %}