UI Framework - Padding

Padding Reference ↓

Scale

@0

.ui-padding@0

@xs

.ui-padding@xs

@s

.ui-padding@s

@m

.ui-padding@m

@l

.ui-padding@l

@xl

.ui-padding@xl

@2xl

.ui-padding@2xl

Reference

Base

Class	Values

Modifiers

Class	Sides	Values
`.ui-padding@*`	all 4 sides	0, xs, s, m, l, xl, 2xl, 3xl
`.ui-padding-top@*`	top only	0, xs, s, m, l, xl, 2xl, 3xl
`.ui-padding-bottom@*`	bottom only	0, xs, s, m, l, xl, 2xl, 3xl
`.ui-padding-left@*`	left only	0, xs, s, m, l, xl, 2xl, 3xl
`.ui-padding-right@*`	right only	0, xs, s, m, l, xl, 2xl, 3xl
`.ui-padding-x@*`	left + right	0, xs, s, m, l, xl, 2xl, 3xl
`.ui-padding-y@*`	top + bottom	0, xs, s, m, l, xl, 2xl, 3xl

Options

Class	Values