Paddings

Utilities to control the padding of the elements

Class	Properties
p-xs	padding: var(--dash-size-xs);
p-sm	padding: var(--dash-size-sm);
p-md	padding: var(--dash-size-md);
p-lg	padding: var(--dash-size-lg);
p-xl	padding: var(--dash-size-xl);
p-2xl	padding: var(--dash-size-2xl);
p-3xl	padding: var(--dash-size-3xl);
p-4xl	padding: var(--dash-size-4xl);
p-5xl	padding: var(--dash-size-5xl);
p-6xl	padding: var(--dash-size-6xl);
p-7xl	padding: var(--dash-size-7xl);
p-8xl	padding: var(--dash-size-8xl);
p-9xl	padding: var(--dash-size-9xl);
p-full	padding: var(--dash-size-full);
p-screen	padding: var(--dash-size-screen);

padding top

Class	Properties
pt-xs	padding-top: var(--dash-size-xs);
pt-sm	padding-top: var(--dash-size-sm);
pt-md	padding-top: var(--dash-size-md);
pt-lg	padding-top: var(--dash-size-lg);
pt-xl	padding-top: var(--dash-size-xl);
pt-2xl	padding-top: var(--dash-size-2xl);
pt-3xl	padding-top: var(--dash-size-3xl);
pt-4xl	padding-top: var(--dash-size-4xl);
pt-5xl	padding-top: var(--dash-size-5xl);
pt-6xl	padding-top: var(--dash-size-6xl);
pt-7xl	padding-top: var(--dash-size-7xl);
pt-8xl	padding-top: var(--dash-size-8xl);
pt-9xl	padding-top: var(--dash-size-9xl);
pt-full	padding-top: var(--dash-size-full);
pt-screen	padding-top: var(--dash-size-screen);

padding bottom

Class	Properties
pb-xs	padding-bottom: var(--dash-size-xs);
pb-sm	padding-bottom: var(--dash-size-sm);
pb-md	padding-bottom: var(--dash-size-md);
pb-lg	padding-bottom: var(--dash-size-lg);
pb-xl	padding-bottom: var(--dash-size-xl);
pb-2xl	padding-bottom: var(--dash-size-2xl);
pb-3xl	padding-bottom: var(--dash-size-3xl);
pb-4xl	padding-bottom: var(--dash-size-4xl);
pb-5xl	padding-bottom: var(--dash-size-5xl);
pb-6xl	padding-bottom: var(--dash-size-6xl);
pb-7xl	padding-bottom: var(--dash-size-7xl);
pb-8xl	padding-bottom: var(--dash-size-8xl);
pb-9xl	padding-bottom: var(--dash-size-9xl);
pb-full	padding-bottom: var(--dash-size-full);
pb-screen	padding-bottom: var(--dash-size-screen);

padding right

Class	Properties
pr-xs	padding-right: var(--dash-size-xs);
pr-sm	padding-right: var(--dash-size-sm);
pr-md	padding-right: var(--dash-size-md);
pr-lg	padding-right: var(--dash-size-lg);
pr-xl	padding-right: var(--dash-size-xl);
pr-2xl	padding-right: var(--dash-size-2xl);
pr-3xl	padding-right: var(--dash-size-3xl);
pr-4xl	padding-right: var(--dash-size-4xl);
pr-5xl	padding-right: var(--dash-size-5xl);
pr-6xl	padding-right: var(--dash-size-6xl);
pr-7xl	padding-right: var(--dash-size-7xl);
pr-8xl	padding-right: var(--dash-size-8xl);
pr-9xl	padding-right: var(--dash-size-9xl);
pr-full	padding-right: var(--dash-size-full);
pr-screen	padding-right: var(--dash-size-screen);

padding left

Class	Properties
pl-xs	padding-left: var(--dash-size-xs);
pl-sm	padding-left: var(--dash-size-sm);
pl-md	padding-left: var(--dash-size-md);
pl-lg	padding-left: var(--dash-size-lg);
pl-xl	padding-left: var(--dash-size-xl);
pl-2xl	padding-left: var(--dash-size-2xl);
pl-3xl	padding-left: var(--dash-size-3xl);
pl-4xl	padding-left: var(--dash-size-4xl);
pl-5xl	padding-left: var(--dash-size-5xl);
pl-6xl	padding-left: var(--dash-size-6xl);
pl-7xl	padding-left: var(--dash-size-7xl);
pl-8xl	padding-left: var(--dash-size-8xl);
pl-9xl	padding-left: var(--dash-size-9xl);
pl-full	padding-left: var(--dash-size-full);
pl-screen	padding-left: var(--dash-size-screen);

padding x

Class	Properties
px-xs	padding-left: var(--dash-size-xs); padding-right: var(--dash-size-xs);
px-sm	padding-left: var(--dash-size-sm); padding-right: var(--dash-size-sm);
px-md	padding-left: var(--dash-size-md); padding-right: var(--dash-size-md);
px-lg	padding-left: var(--dash-size-lg); padding-right: var(--dash-size-lg);
px-xl	padding-left: var(--dash-size-xl); padding-right: var(--dash-size-xl);
px-2xl	padding-left: var(--dash-size-2xl); padding-right: var(--dash-size-2xl);
px-3xl	padding-left: var(--dash-size-3xl); padding-right: var(--dash-size-3xl);
px-4xl	padding-left: var(--dash-size-4xl); padding-right: var(--dash-size-4xl);
px-5xl	padding-left: var(--dash-size-5xl); padding-right: var(--dash-size-5xl);
px-6xl	padding-left: var(--dash-size-6xl); padding-right: var(--dash-size-6xl);
px-7xl	padding-left: var(--dash-size-7xl); padding-right: var(--dash-size-7xl);
px-8xl	padding-left: var(--dash-size-8xl); padding-right: var(--dash-size-8xl);
px-9xl	padding-left: var(--dash-size-9xl); padding-right: var(--dash-size-9xl);
px-full	padding-left: var(--dash-size-full); padding-right: var(--dash-size-full);
px-screen	padding-left: var(--dash-size-screen); padding-right var(--dash-size-screen);

padding y

Class	Properties
py-xs	padding-top: var(--dash-size-xs); padding-bottom: var(--dash-size-xs);
py-sm	padding-top: var(--dash-size-sm); padding-bottom: var(--dash-size-sm);
py-md	padding-top: var(--dash-size-md); padding-bottom: var(--dash-size-md);
py-lg	padding-top: var(--dash-size-lg); padding-bottom: var(--dash-size-lg);
py-xl	padding-top: var(--dash-size-xl); padding-bottom: var(--dash-size-xl);
py-2xl	padding-top: var(--dash-size-2xl); padding-bottom: var(--dash-size-2xl);
py-3xl	padding-top: var(--dash-size-3xl); padding-bottom: var(--dash-size-3xl);
py-4xl	padding-top: var(--dash-size-4xl); padding-bottom: var(--dash-size-4xl);
py-5xl	padding-top: var(--dash-size-5xl); padding-bottom: var(--dash-size-5xl);
py-6xl	padding-top: var(--dash-size-6xl); padding-bottom: var(--dash-size-6xl);
py-7xl	padding-top: var(--dash-size-7xl); padding-bottom: var(--dash-size-7xl);
py-8xl	padding-top: var(--dash-size-8xl); padding-bottom: var(--dash-size-8xl);
py-9xl	padding-top: var(--dash-size-9xl); padding-bottom: var(--dash-size-9xl);
py-full	padding-top: var(--dash-size-full); padding-bottom: var(--dash-size-full);
py-screen	padding-top: var(--dash-size-screen); padding-bottom var(--dash-size-screen);