Spacing Classes UI Kit

Margin Examples

Margin All Sides

bz-m-xxxs

Class: bz-m-xxxs

bz-m-xxs

Class: bz-m-xxs

bz-m-xs

Class: bz-m-xs

bz-m-s

Class: bz-m-s

bz-m-m

Class: bz-m-m

bz-m-l

Class: bz-m-l

bz-m-xl

Class: bz-m-xl

bz-m-xxl

Class: bz-m-xxl

bz-m-xxxl

Class: bz-m-xxxl

bz-m-huge

Class: bz-m-huge

Margin Top (bz-mt-*)

Margin Right (bz-mr-*)

Margin Bottom (bz-mb-*)

Margin Left (bz-ml-*)

Margin Horizontal (bz-mx-*)

Margin Vertical (bz-my-*)

Padding Examples

Padding All Sides

bz-p-xxxs

Class: bz-p-xxxs

bz-p-xxs

Class: bz-p-xxs

bz-p-xs

Class: bz-p-xs

bz-p-s

Class: bz-p-s

bz-p-m

Class: bz-p-m

bz-p-l

Class: bz-p-l

bz-p-xl

Class: bz-p-xl

bz-p-xxl

Class: bz-p-xxl

bz-p-xxxl

Class: bz-p-xxxl

bz-p-huge

Class: bz-p-huge

Padding Top (bz-pt-*)

Padding Right (bz-pr-*)

Padding Bottom (bz-pb-*)

Padding Left (bz-pl-*)

Padding Horizontal (bz-px-*)

Padding Vertical (bz-py-*)