cedricss/elm-css-systems/2.0.0

NOTE: the latest version is 3.2.1

Css.Systems.Spacing

Spacing and sizing system

Max height

maxHeightXS : Style
maxHeight (rem 20)
maxHeightSM : Style
maxHeight (rem 24)
maxHeightMD : Style
maxHeight (rem 28)
maxHeightLG : Style
maxHeight (rem 32)
maxHeightXL : Style
maxHeight (rem 36)
maxHeight2XL : Style
maxHeight (rem 42)
maxHeight3XL : Style
maxHeight (rem 48)
maxHeight4XL : Style
maxHeight (rem 56)
maxHeight5XL : Style
maxHeight (rem 64)
maxHeight6XL : Style
maxHeight (rem 72)
maxHeight (pct 100)

Max width

maxWidthXS : Style
maxWidth (rem 20)
maxWidthSM : Style
maxWidth (rem 24)
maxWidthMD : Style
maxWidth (rem 28)
maxWidthLG : Style
maxWidth (rem 32)
maxWidthXL : Style
maxWidth (rem 36)
maxWidth2XL : Style
maxWidth (rem 42)
maxWidth3XL : Style
maxWidth (rem 48)
maxWidth4XL : Style
maxWidth (rem 56)
maxWidth5XL : Style
maxWidth (rem 64)
maxWidth6XL : Style
maxWidth (rem 72)
maxWidthFull : Style
maxWidth (pct 100)

Spacing

fluid : Float -> Float -> Pct

Return a portion of 100%

fluid 2 3 is equivalent to pct (100 * (2/3)) (33.33333%)

el
    [ css
        [ height (fluid 2 3)
        , width (fluid 1 2)
        ]
    ]
    []
space0 : Px

px 0

space1 : Rem

rem 0.25

space10 : Rem

rem 2.5

space12 : Rem

rem 3

space16 : Rem

rem 4

space2 : Rem

rem 0.5

space20 : Rem

rem 5

space24 : Rem

rem 6

space3 : Rem

rem 0.75

space32 : Rem

rem 8

space4 : Rem

rem 1

space40 : Rem

rem 10

space48 : Rem

rem 12

space5 : Rem

rem 1.25

space56 : Rem

rem 14

space6 : Rem

rem 1.5

space64 : Rem

rem 16

space8 : Rem

rem 2