Utilities for adjusting border radius across breakpoints
<div class="m-b:1">
<div class="
b-r:0
h:10
bg:white.2
">border-radius: 0</div>
</div>
<div class="m-b:1">
<div class="
b-r:.1
h:10
bg:white.2
">border-radius: .1</div>
</div>
<div class="m-b:1">
<div class="
b-r:.2
h:10
bg:white.2
">border-radius: .2</div>
</div>
<div class="m-b:1">
<div class="
b-r:.3
h:10
bg:white.2
">border-radius: .3</div>
</div>
<div class="m-b:1">
<div class="
b-r:.4
h:10
bg:white.2
">border-radius: .4</div>
</div>
<div class="m-b:1">
<div class="
b-r:.5
h:10
bg:white.2
">border-radius: .5</div>
</div>
<div class="m-b:1">
<div class="
b-r:.6
h:10
bg:white.2
">border-radius: .6</div>
</div>
<div class="m-b:1">
<div class="
b-r:.7
h:10
bg:white.2
">border-radius: .7</div>
</div>
<div class="m-b:1">
<div class="
b-r:.8
h:10
bg:white.2
">border-radius: .8</div>
</div>
<div class="m-b:1">
<div class="
b-r:.9
h:10
bg:white.2
">border-radius: .9</div>
</div>
<div class="m-b:1">
<div class="
b-r:1
h:10
bg:white.2
">border-radius: 1</div>
</div>
<div class="m-b:1">
<div class="
b-r:2
h:10
bg:white.2
">border-radius: 2</div>
</div>
<div class="m-b:1">
<div class="
b-r:3
h:10
bg:white.2
">border-radius: 3</div>
</div>
<div class="m-b:1">
<div class="
b-r:4
h:10
bg:white.2
">border-radius: 4</div>
</div>
<div class="m-b:1">
<div class="
b-r:5
h:10
bg:white.2
">border-radius: 5</div>
</div>
<div class="m-b:1">
<div class="
b-r:6
h:10
bg:white.2
">border-radius: 6</div>
</div>
<div class="m-b:1">
<div class="
b-r:7
h:10
bg:white.2
">border-radius: 7</div>
</div>
<div class="m-b:1">
<div class="
b-r:8
h:10
bg:white.2
">border-radius: 8</div>
</div>
<div class="m-b:1">
<div class="
b-r:9
h:10
bg:white.2
">border-radius: 9</div>
</div>
<div class="m-b:1">
<div class="
b-r:10
h:10
bg:white.2
">border-radius: 10</div>
</div>