Border radius utils

Radius

I have 16px equal radius

I only have top radius

I have top left, bottom right radius

An element can only have 2 outer radius, so use a nested div to add more if needed.

.outer-radius-tl.outer-radius-tr

.outer-radius-bl.outer-radius-br

.outer-radius-tl.outer-radius-bl

.outer-radius-tr.outer-radius-br

Cutouts always have 2 outer radii.

.cutout-tr-16

outer-radius-tl-16 outer-radius-tr-16

.cutout-tl-16

.cutout-l-16

.cutout-bl-16

outer-radius-tl-16 outer-radius-tr-16

.cutout-br-16

.cutout-r-16