Padding
Since
1.0.0Class
1
.padding--{ t | r | b | l | a }--{1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}
Copied!
Code Sample
Padding top = 4 unit
1
<div class="pt--4 bg--plum rounded--6"><p class="bg--gainsboro pa--1">
2
Paragraph section with <kbd>.pt--4</kbd> or <kbd>.padding--t--4</kbd> class.</p>
3
</div>
Copied!
Variable
Class
Properties
.padding--{ t | r | b | l | a }--1padding: 1rem.padding--{ t | r | b | l | a }--2padding: 2rem.padding--{ t | r | b | l | a }--3padding: 3rem.padding--{ t | r | b | l | a }--4padding: 4rem.padding--{ t | r | b | l | a }--5padding: 5rem.padding--{ t | r | b | l | a }--6padding: 6rem.padding--{ t | r | b | l | a }--7padding: 7rem.padding--{ t | r | b | l | a }--8padding: 8rem.padding--{ t | r | b | l | a }--9padding: 9rem.padding--{ t | r | b | l | a }--10padding: 10remLast modified 1yr ago
Copy link