Skip to content

Border Radius

ShiftLimits edited this page Jan 9, 2022 · 1 revision

Gridlines expresses border radii as a fraction of the base grid cell size.

Name Size Pixels
none 0 0px
1/8 0.125 3px
2/8 0.25 6px
3/8 0.375 9px
4/8 0.5 12px
5/8 0.625 15px
6/8 0.75 18px
7/8 0.875 21px
1/5 0.2 4.8px
2/5 0.4 9.6px
3/5 0.6 14.4px
4/5 0.8 19.12px
1/4 0.25 6px
2/4 0.5 12px
3/4 0.75 18px
1/3 0.333 7.992px
2/3 0.666 16.008px
1/2 0.5 12px
1 1 24px
1-1/4 1.25 30px
1-2/4 1.5 36px
1-3/4 1.75 42px
1-1/2 1.5 36px
2 2 48px
full 9999px 9999px
Clone this wiki locally