Borders
Border Size
Variable | Property |
---|---|
--ob-border-w-0 | 0px |
--ob-border-w-1 | 1px |
--ob-border-w-2 | 2px |
--ob-border-w-4 | 4px |
--ob-border-w-8 | 8px |
Border Radius
Variable | Property | Value |
---|---|---|
--ob-rounded-unit | 1rem | 10px |
--ob-rounded-none | none | none |
--ob-rounded-sm | calc(var(--ob-rounded-unit) * 0.2) | 2px |
--ob-rounded-base | calc(var(--ob-rounded-unit) * 0.4) | 4px |
--ob-rounded-md | calc(var(--ob-rounded-unit) * 0.6) | 6px |
--ob-rounded-lg | calc(var(--ob-rounded-unit) * 0.8) | 8px |
--ob-rounded-xl | calc(var(--ob-rounded-unit) * 1.2) | 12px |
--ob-rounded-2xl | calc(var(--ob-rounded-unit) * 1.6) | 16px |
--ob-rounded-3xl | calc(var(--ob-rounded-unit) * 2.4) | 24px |
--ob-rounded-full | 9999px | 9999px |