Spacing, border-radius and shadows
Default spacing
Default spacing in ECIU project based on 4/8pt system. Works with all tailwind classes that are based on spacing (margin, padding, width, height etc)
2px
XXXS (3xs)
4px
XXS (2xs)
8px
XS (xs)
12px
S (sm)
16px
M (md)
24px
L (lg)
32px
Xl (xl)
64px
XXL (2xl)
112px
XXXL (3xl)
Tailwind spacing
The default Tailwind spacing scale are still available. Should not be used?
Grid gap spacing
Spacing equal to the default gap in the site 12-grid system. Adjusts based on screen width (works with most tailwind spacing utils, margin, padding, width, height etc)Shadows
inner
none
level 1
level 2
level 3
level 4
level 5
Border radius
none
level 1 - 2px
level 2 - 4px
level 3 - 8px
full