Tachyons

Docs

/

Themes

/

Border Radius

Version
<%= moduleVersion %>
Filesize
<%= moduleSize %>
Declarations
<%= moduleObj.declarations.total %>
Selectors
<%= moduleObj.selectors.total %>
Max. Specificity Score
<%= moduleObj.selectors.specificity.max %>
Size of Avg. Rule
<%= moduleObj.rules.size.average %>

There is a five step scale for border radius in addition to a utility that sets border radius to 100%, which when combined with an explicit height and width will produce a circle.

Examples

Border Radius

1st step in border-radius scale
2nd step in border-radius scale
3rd step in border-radius scale
4th step in border-radius scale
5th step in border-radius scale
circle with fixed height & width

Previous

Borders

Next

Debugging
src/_border-radius.css

<%= srcCSS  %>

<%= navDocs %>
<%= siteFooter %>