About
Themes
Foundations
Components
Utilities
Spacing
Spacing infos

Padding

Use .pow-padding-[position]-[size] to specify padding like .pow-padding-left-sm

.pow-padding-xs = 5px
.pow-padding-sm = 10px
.pow-padding-md = 20px
.pow-padding-lg = 30px

Use .pow-no-padding to remove all paddings

<div class="pow-media-lg pow-background-black100 pow-margin-sm pow-padding-xs">
    <span class="pow-block pow-background-black900"></span>
</div>
<div class="pow-media-lg pow-background-black100 pow-margin-sm pow-padding-sm">
    <span class="pow-block pow-background-black900"></span>
</div>
<div class="pow-media-lg pow-background-black100 pow-margin-sm pow-padding-md">
    <span class="pow-block pow-background-black900"></span>
</div>
<div class="pow-media-lg pow-background-black100 pow-margin-sm pow-padding-lg">
    <span class="pow-block pow-background-black900"></span>
</div>

Margin

Use .pow-margin-[position]-[size] to specify margin like .pow-margin-left-sm

.pow-margin-xs = 5px
.pow-margin-sm = 10px
.pow-margin-md = 20px
.pow-margin-lg = 30px

Use .pow-no-margin to remove all margins

<div class="pow-media-lg pow-background-black100 pow-margin-sm">
    <span class="pow-block pow-width-auto pow-height-auto pow-border-top-lg pow-border-top-black pow-margin-xs"></span>
</div>
<div class="pow-media-lg pow-background-black100 pow-margin-sm">
    <span class="pow-block pow-width-auto pow-height-auto pow-border-top-lg pow-border-top-black pow-margin-sm"></span>
</div>
<div class="pow-media-lg pow-background-black100 pow-margin-sm">
    <span class="pow-block pow-width-auto pow-height-auto pow-border-top-lg pow-border-top-black pow-margin-md"></span>
</div>
<div class="pow-media-lg pow-background-black100 pow-margin-sm">
    <span class="pow-block pow-width-auto pow-height-auto pow-border-top-lg pow-border-top-black pow-margin-lg"></span>
</div>