Spacing & Layout Variables

CSS variables for the spacing scale, border radius, shadows, transitions, and z-index.

Spacing

Variable	Value	Pixels (16px base)
--editu-spacing-0	0	0px
--editu-spacing-1	0.25rem	4px
--editu-spacing-2	0.5rem	8px
--editu-spacing-3	0.75rem	12px
--editu-spacing-4	1rem	16px
--editu-spacing-5	1.25rem	20px
--editu-spacing-6	1.5rem	24px
--editu-spacing-8	2rem	32px
--editu-spacing-10	2.5rem	40px
--editu-spacing-12	3rem	48px

Border Radius

Variable	Value	Pixels
--editu-radius-none	0	0px
--editu-radius-sm	0.25rem	4px
--editu-radius-md	0.375rem	6px
--editu-radius-lg	0.5rem	8px
--editu-radius-xl	0.75rem	12px
--editu-radius-2xl	1rem	16px
--editu-radius-full	9999px	Circular

Shadows

Variable	Light	Dark
--editu-shadow-sm	0 1px 2px 0 rgb(0 0 0 / 0.05)	0 1px 2px 0 rgb(0 0 0 / 0.3)
--editu-shadow-md	0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)	0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3)
--editu-shadow-lg	0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)	0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3)
--editu-shadow-xl	0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)	0 20px 25px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.4)
--editu-shadow-2xl	0 25px 50px -12px rgb(0 0 0 / 0.25)	0 25px 50px -12px rgb(0 0 0 / 0.5)

Transitions

Variable	Value
--editu-transition-fast	100ms
--editu-transition-normal	150ms
--editu-transition-slow	300ms

Z-Index

Variable	Value	Use Case
--editu-z-dropdown	50	Dropdown menus
--editu-z-sticky	60	Sticky headers
--editu-z-fixed	70	Fixed elements
--editu-z-modal-backdrop	80	Modal backdrops
--editu-z-modal	90	Modals
--editu-z-popover	100	Popovers, tooltips
--editu-z-tooltip	110	Tooltips (highest)

Portal Variables

Variable	Default	Description
--editu-portal-base-z-index	9999	Base z-index for portal elements

Usage Example

:root {
  /* Larger border radius for a softer look */
  --editu-radius-md: 8px;
  --editu-radius-lg: 12px;
  
  /* Slower transitions */
  --editu-transition-normal: 200ms;
  
  /* Custom z-index for specific use case */
  --editu-portal-base-z-index: 10000;
}