Border radius
Border radius tokens definitions
Border radius name | Value |
---|---|
0 | 0px |
1 | 8px |
2 | 16px |
3 | 24px |
<div class="u-bradtl-0">none<br>0px</div>
<div class="u-bradtl-1">1<br>8px</div>
<div class="u-bradtl-2">2<br>16px</div>
<div class="u-bradtl-3">3<br>24px</div>
<!-- DEMO ONLY -->
<style>
body{padding:2em}
div{padding:2em;margin-bottom:1em;border-left:2px solid fuchsia;border-top:2px solid fuchsia}
</style>