Skip to main content

​
Description

Adds a class for padding bottom based on attribute value

​
Usage

as attribute 
<ANY padding-bottom="{number}">
   ...
</ANY>

​
Parameters

ParamTypeDetails
padding-bottomnumberAmount of padding to include, acceptable values (0, 0.25, 0.5, 1 and 2)

​
Example

​
Source

<p style="bg-tertiary text-tertiary-contrast" padding-bottom="2">
    Check out my padding at the bottom (padding-bottom="2")
</p>
<p style="bg-tertiary text-tertiary-contrast" padding-bottom="1">
    Check out my padding at the bottom (padding-bottom="1")
</p>
<p style="bg-tertiary text-tertiary-contrast" padding-bottom="0.5">
    Check out my padding at the bottom (padding-bottom="0.5")
</p>
<p style="bg-tertiary text-tertiary-contrast" padding-bottom="0.25">
    Check out my padding at the bottom (padding-bottom="0.25")
</p>
<p style="bg-tertiary text-tertiary-contrast" padding-bottom="0">
    Check out my padding at the bottom (padding-bottom="0")
</p>

​
Result

Result