| 1rem | 10px |
| 0px | 0px |
| 1px | 1px |
| calc( var(--ob-size-unit) * 0.2 ) | 2px |
| calc( var(--ob-size-unit) * 0.4 ) | 4px |
| calc( var(--ob-size-unit) * 0.6 ) | 6px |
| calc( var(--ob-size-unit) * 0.8 ) | 8px |
| calc( var(--ob-size-unit) * 1 ) | 10px |
| calc( var(--ob-size-unit) * 1.2 ) | 12px |
| calc( var(--ob-size-unit) * 1.4 ) | 14px |
| calc( var(--ob-size-unit) * 1.6 ) | 16px |
| calc( var(--ob-size-unit) * 2 ) | 20px |
| calc( var(--ob-size-unit) * 2.4 ) | 24px |
| calc( var(--ob-size-unit) * 2.8 ) | 28px |
| calc( var(--ob-size-unit) * 3.2 ) | 32px |
| calc( var(--ob-size-unit) * 3.6 ) | 36px |
| calc( var(--ob-size-unit) * 4 ) | 40px |
| calc( var(--ob-size-unit) * 4.4 ) | 44px |
| calc( var(--ob-size-unit) * 4.8 ) | 48px |
| calc( var(--ob-size-unit) * 5.6 ) | 56px |
| calc( var(--ob-size-unit) * 6.4 ) | 64px |
| calc( var(--ob-size-unit) * 8 ) | 80px |
| calc( var(--ob-size-unit) * 9.6 ) | 96px |
| calc( var(--ob-size-unit) * 11.2 ) | 112px |
| calc( var(--ob-size-unit) * 12.8 ) | 128px |
| calc( var(--ob-size-unit) * 14.4 ) | 144px |
| calc( var(--ob-size-unit) * 16 ) | 160px |
| calc( var(--ob-size-unit) * 17.6 ) | 176px |
| calc( var(--ob-size-unit) * 19.2 ) | 192px |
| calc( var(--ob-size-unit) * 20.8 ) | 208px |
| calc( var(--ob-size-unit) * 22.4 ) | 224px |
| calc( var(--ob-size-unit) * 24 ) | 240px |
| calc( var(--ob-size-unit) * 25.6 ) | 256px |
| calc( var(--ob-size-unit) * 28.8 ) | 288px |
| calc( var(--ob-size-unit) * 32 ) | 320px |
| calc( var(--ob-size-unit) * 38.4 ) | 384px |