Css.Systems.Utilities

Padding and margin utilities

paddingX : Length compatible units -> Style

Set horizontal padding.

{ compatible

| value : String

, length : Compatible

, numericValue : Float

, units : units

, unitLabel : String

}

-> Style

Set vertical padding.

marginX : LengthOrAuto compatible -> Style

Set horizontal margin.

marginX auto


marginX space4

marginY : LengthOrAuto compatible -> Style

Set vertical margin.

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.

alignItems stretch

alignItems flexStart

alignItems center

alignItems flexEnd

alignItems baseline