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>