padding:top
Table of Contents
Description
Adds a class for padding top based on attribute value
Usage
as attribute
<ANY padding-top="{number}">
...
</ANY>
Parameters
Param | Type | Details |
---|---|---|
padding-top |
number |
Amount 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>