Css.Systems.Spacing
Spacing and sizing system
Spacing
Spacing values work great with padding, margin, width and height.
view =
div
[ css
[ marginTop space8
, padding space2
, width space32
]
]
px 0
rem 0.25
rem 0.5
rem 0.75
rem 1
rem 1.25
rem 1.5
rem 2
rem 2.5
rem 3
rem 4
rem 5
rem 6
rem 8
rem 10
rem 12
rem 14
rem 16
Sizing
Sizing values work great with width, height, maxWidth and maxHeight.
view =
div
[ css
[ displayFlex
, flexWrap wrap
, maxWidth size3XL
]
]rem 20rem 24rem 28rem 32rem 36rem 42rem 48rem 56rem 64rem 72pct 100
Return a portion of 100%
fluid 2 3is equivalent topct (100 * (2/3))(33.33333%)