Border

Border Radius

Utilities for adjusting border radius across breakpoints

border-radius: 0
border-radius: .1
border-radius: .2
border-radius: .3
border-radius: .4
border-radius: .5
border-radius: .6
border-radius: .7
border-radius: .8
border-radius: .9
border-radius: 1
border-radius: 2
border-radius: 3
border-radius: 4
border-radius: 5
border-radius: 6
border-radius: 7
border-radius: 8
border-radius: 9
border-radius: 10
<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>