Description

Adds a class for padding top based on attribute value

Usage

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

Parameters

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

Example

Source

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

Result

Result