Skip to main content

Border Radius

Version: 0.9.0
Edit

Utilities for setting the border-radius on an element.

Border Radius

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/border-radius.scss#L11

Border radius 
<!-- border radius -->
<span class="u-border-radius">Border radius</span>

Subtle Border Radius

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/border-radius.scss#L23

Subtle border radius 
<!-- subtle border radius -->
<span class="u-border-radius-subtle">Subtle border radius</span>

Round Border Radius

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/border-radius.scss#L35

Round border radius 
<!-- round border radius -->
<span class="u-border-radius-round">Round border radius</span>

Circle Border Radius

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/border-radius.scss#L47

Circle border radius 
<!-- circle border radius -->
<span class="u-border-radius-circle">Circle border radius</span>