Skip to main content

​
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