cedricss / elm-css-systems / Css.Systems.Utilities

Padding and margin utilities

paddingX : Css.Length compatible units -> Css.Style

Set horizontal padding.

paddingY : Css.Length compatible units -> Css.Style

Set vertical padding.

marginX : Css.LengthOrAuto compatible -> Css.Style

Set horizontal margin.

marginX auto

marginX space4

marginY : Css.LengthOrAuto compatible -> Css.Style

Set vertical margin.

negative : Css.Length compatible units -> Css.Length compatible units

Negates the value provided

marginX (negative space4)

Flex items

Control how flex items grow and shrink.

flexInitial : Css.Style

The flex item can grow but not shrink, taking into account its initial size.

flexIgnoreInitialSize : Css.Style

The flex item can grow and shrink, ignoring its initial size.

flexIgnoreInitialSize =
    flex3 (int 1) (int 1) (pct 0)

flexAuto : Css.Style

The flex item can grow and shrink, taking into account its initial size.

flexNone : Css.Style

Prevent a flex item to grow and shrink.

Align items

Control how flex items are positioned.

itemsStretch : Css.Style

alignItems stretch

itemsStart : Css.Style

alignItems flexStart

itemsCenter : Css.Style

alignItems center

itemsEnd : Css.Style

alignItems flexEnd

itemsBaseline : Css.Style

alignItems baseline