Documentation

Search value is required

Padding

full screen new window example

The Height CSS property will set the current padding of an element.

Usage

Place the padding utility class on an element that you want to change the padding property for.

### Modifier selectors
Modifier selector Description
slb-p-8 Set the padding to 8px
slb-{pt/pb/pl/pr}-8 Set top/bottom/left/right padding to 8px
slb-p-12 Set the padding to 12px
slb-{pt/pb/pl/pr}-12 Set top/bottom/left/right padding to to 12px
slb-p-16 Set the padding to 16px
slb-{pt/pb/pl/pr}-16 Set top/bottom/left/right padding to to 16px
slb-p-24 Set the padding to 24px
slb-{pt/pb/pl/pr}-24 Set top/bottom/left/right padding to to 24px
slb-p-32 Set the padding to 32px
slb-{pt/pb/pl/pr}-32 Set top/bottom/left/right padding to to 32px
slb-p-40 Set the padding to 40px
slb-{pt/pb/pl/pr}-40 Set top/bottom/left/right padding to to 40px
slb-p-48 Set the padding to 48px
slb-{pt/pb/pl/pr}-48 Set top/bottom/left/right padding to to 48px
slb-p-80 Set the padding to 80px
slb-{pt/pb/pl/pr}-80 Set top/bottom/left/right padding to to 80px
.slb-p-8 - 8px padding around the element.

Padding example

.slb-pt-8 - 8px padding top of the element.

Padding example

.slb-pb-8 - 8px padding bottom of the element.

Padding example

.slb-pl-8 - 8px padding left of the element.

Padding example

.slb-pr-8 - 8px padding right of the element.

Padding example

.slb-p-12 - 12px padding around the element.

Padding example

.slb-pt-12 - 12px padding top of the element.

Padding example

.slb-pb-12 - 12px padding bottom of the element.

Padding example

.slb-pl-12 - 12px padding left of the element.

Padding example

.slb-pr-12 - 12px padding right of the element.

Padding example

.slb-p-16 - 16px padding around the element.

Padding example

.slb-pt-16 - 16px padding top of the element.

Padding example

.slb-pb-16 - 16px padding bottom of the element.

Padding example

.slb-pl-16 - 16px padding left of the element.

Padding example

.slb-pr-16 - 16px padding right of the element.

Padding example

.slb-p-24 - 24px padding around the element.

Padding example

.slb-pt-24 - 24px padding top of the element.

Padding example

.slb-pb-24 - 24px padding bottom of the element.

Padding example

.slb-pl-24 - 24px padding left of the element.

Padding example

.slb-pr-24 - 24px padding right of the element.

Padding example

.slb-p-32 - 32px padding around the element.

Padding example

.slb-pt-32 - 32px padding top of the element.

Padding example

.slb-pb-32 - 32px padding bottom of the element.

Padding example

.slb-pl-32 - 32px padding left of the element.

Padding example

.slb-pr-32 - 32px padding right of the element.

Padding example

.slb-p-40 - 40px padding around the element.

Padding example

.slb-pt-40 - 40px padding top of the element.

Padding example

.slb-pb-40 - 40px padding bottom of the element.

Padding example

.slb-pl-40 - 40px padding left of the element.

Padding example

.slb-pr-40 - 40px padding right of the element.

Padding example

.slb-p-48 - 48px padding around the element.

Padding example

.slb-pt-48 - 48px padding top of the element.

Padding example

.slb-pb-48 - 48px padding bottom of the element.

Padding example

.slb-pl-48 - 48px padding left of the element.

Padding example

.slb-pr-48 - 48px padding right of the element.

Padding example

.slb-p-80 - 80px padding around the element.

Padding example

.slb-pt-80 - 80px padding top of the element.

Padding example

.slb-pb-80 - 80px padding bottom of the element.

Padding example

.slb-pl-80 - 80px padding left of the element.

Padding example

.slb-pr-80 - 80px padding right of the element.

Padding example