Border radius

Border radius tokens definitions

Border radius name Value
none 0px
xs 4px
sm 6px
md 12px
xl 256px
    <div class="u-bradtl-none">none<br>0px</div>
    <div class="u-bradtl-xs">xs<br>4px</div>
    <div class="u-bradtl-sm">sm<br>6px</div>
    <div class="u-bradtl-md">md<br>12px</div>
    <div class="u-bradtl-xl">xl<br>256px</div>
    <!-- DEMO ONLY -->
    <style>
        body{padding:2em}
        div{padding:2em;margin-bottom:1em;border-left:2px solid fuchsia;border-top:2px solid fuchsia}
    </style>