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