Css.Systems.Utilities

Padding and margin utilities

paddingX : Length compatible units -> Style

Set horizontal padding.

paddingY : Length compatible units -> Style

Set vertical padding.

marginX : LengthOrAuto compatible -> Style

Set horizontal margin.

marginX auto


marginX space4

marginY : LengthOrAuto compatible -> Style

Set vertical margin.

Control how flex items grow and shrink.

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

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

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

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

Prevent a flex item to grow and shrink.

Control how flex items are positioned.

alignItems stretch

alignItems flexStart

alignItems center

alignItems flexEnd

alignItems baseline