Spacing and sizing system

Use space values to set padding, margin, width and height to UI elements:

element =
    div
        [ css
            [ marginTop space8
            , padding space2
            , width space32
            ]
        ]

Use fluid and size values to set width, height, maxWidth and maxHeight of layout blocks:

view =
    div
        [ css
            [ displayFlex
            , flexWrap wrap
            , maxHeight size3XL
            , width (fluid 2 3)
            ]
        ]

Spacing

Sizing