Padding Utility

On this page

# Intro

The padding utility controls the padding of an element.

ClassProperties
--padding-0padding: 0;
--padding-y-0padding-bottom: 0; padding-top: 0;
--padding-x-0padding-left: 0; padding-right: 0;
--padding-top-0padding-top: 0;
--padding-right-0padding-right: 0;
--padding-bottom-0padding-bottom: 0;
--padding-left-0padding-left: 0;
--padding-1padding: 0.25rem;
--padding-y-1padding-bottom: 0.25rem; padding-top: 0.25rem;
--padding-x-1padding-left: 0.25rem; padding-right: 0.25rem;
--padding-top-1padding-top: 0.25rem;
--padding-right-1padding-right: 0.25rem;
--padding-bottom-1padding-bottom: 0.25rem;
--padding-left-1padding-left: 0.25rem;
--padding-2padding: 0.5rem;
--padding-y-2padding-bottom: 0.5rem; padding-top: 0.5rem;
--padding-x-2padding-left: 0.5rem; padding-right: 0.5rem;
--padding-top-2padding-top: 0.5rem;
--padding-right-2padding-right: 0.5rem;
--padding-bottom-2padding-bottom: 0.5rem;
--padding-left-2padding-left: 0.5rem;
--padding-3padding: 0.75rem;
--padding-y-3padding-bottom: 0.75rem; padding-top: 0.75rem;
--padding-x-3padding-left: 0.75rem; padding-right: 0.75rem;
--padding-top-3padding-top: 0.75rem;
--padding-right-3padding-right: 0.75rem;
--padding-bottom-3padding-bottom: 0.75rem;
--padding-left-3padding-left: 0.75rem;
--padding-4padding: 1rem;
--padding-y-4padding-bottom: 1rem; padding-top: 1rem;
--padding-x-4padding-left: 1rem; padding-right: 1rem;
--padding-top-4padding-top: 1rem;
--padding-right-4padding-right: 1rem;
--padding-bottom-4padding-bottom: 1rem;
--padding-left-4padding-left: 1rem;
--padding-5padding: 1.25rem;
--padding-y-5padding-bottom: 1.25rem; padding-top: 1.25rem;
--padding-x-5padding-left: 1.25rem; padding-right: 1.25rem;
--padding-top-5padding-top: 1.25rem;
--padding-right-5padding-right: 1.25rem;
--padding-bottom-5padding-bottom: 1.25rem;
--padding-left-5padding-left: 1.25rem;
--padding-6padding: 1.5rem;
--padding-y-6padding-bottom: 1.5rem; padding-top: 1.5rem;
--padding-x-6padding-left: 1.5rem; padding-right: 1.5rem;
--padding-top-6padding-top: 1.5rem;
--padding-right-6padding-right: 1.5rem;
--padding-bottom-6padding-bottom: 1.5rem;
--padding-left-6padding-left: 1.5rem;
--padding-8padding: 2rem;
--padding-y-8padding-bottom: 2rem; padding-top: 2rem;
--padding-x-8padding-left: 2rem; padding-right: 2rem;
--padding-top-8padding-top: 2rem;
--padding-right-8padding-right: 2rem;
--padding-bottom-8padding-bottom: 2rem;
--padding-left-8padding-left: 2rem;
--padding-10padding: 2.5rem;
--padding-y-10padding-bottom: 2.5rem; padding-top: 2.5rem;
--padding-x-10padding-left: 2.5rem; padding-right: 2.5rem;
--padding-top-10padding-top: 2.5rem;
--padding-right-10padding-right: 2.5rem;
--padding-bottom-10padding-bottom: 2.5rem;
--padding-left-10padding-left: 2.5rem;
--padding-12padding: 3rem;
--padding-y-12padding-bottom: 3rem; padding-top: 3rem;
--padding-x-12padding-left: 3rem; padding-right: 3rem;
--padding-top-12padding-top: 3rem;
--padding-right-12padding-right: 3rem;
--padding-bottom-12padding-bottom: 3rem;
--padding-left-12padding-left: 3rem;
--padding-16padding: 4rem;
--padding-y-16padding-bottom: 4rem; padding-top: 4rem;
--padding-x-16padding-left: 4rem; padding-right: 4rem;
--padding-top-16padding-top: 4rem;
--padding-right-16padding-right: 4rem;
--padding-bottom-16padding-bottom: 4rem;
--padding-left-16padding-left: 4rem;
--padding-pxpadding: 1px;
--padding-y-pxpadding-bottom: 1px; padding-top: 1px;
--padding-x-pxpadding-left: 1px; padding-right: 1px;
--padding-top-pxpadding-top: 1px;
--padding-right-pxpadding-right: 1px;
--padding-bottom-pxpadding-bottom: 1px;
--padding-left-pxpadding-left: 1px;