@plangrid/structure/modules/padding.css

CSS structure library

.pad-dense { padding: 4px 12px }
.pad-basic { padding: 8px 16px }
.pad-plush { padding: 12px 24px }

.p0 { padding: 0 }
.p4px { padding: 4px }
.p1 { padding: var(--space-1) }
.p12px { padding: 12px }
.p2 { padding: var(--space-2) }
.p3 { padding: var(--space-3) }
.p4 { padding: var(--space-4) }

.pt0 { padding-top: 0 }
.pt1 { padding-top: var(--space-1) }
.pt2 { padding-top: var(--space-2) }
.pt3 { padding-top: var(--space-3) }
.pt4 { padding-top: var(--space-4) }

.pl0 { padding-left: 0 }
.pl1 { padding-left: var(--space-1) }
.pl2 { padding-left: var(--space-2) }
.pl3 { padding-left: var(--space-3) }
.pl4 { padding-left: var(--space-4) }

.pr0 { padding-right: 0 }
.pr1 { padding-right: var(--space-1) }
.pr2 { padding-right: var(--space-2) }
.pr3 { padding-right: var(--space-3) }
.pr4 { padding-right: var(--space-4) }

.pb0 { padding-bottom: 0 }
.pb1 { padding-bottom: var(--space-1) }
.pb2 { padding-bottom: var(--space-2) }
.pb3 { padding-bottom: var(--space-3) }
.pb4 { padding-bottom: var(--space-4) }

[data-spacing~=p0] { padding: 0 }
[data-spacing~=p1] { padding: var(--space-1) }
[data-spacing~=p2] { padding: var(--space-2) }
[data-spacing~=p3] { padding: var(--space-3) }
[data-spacing~=p4] { padding: var(--space-4) }

[data-spacing~=pt0] { padding-top: 0 }
[data-spacing~=pt1] { padding-top: var(--space-1) }
[data-spacing~=pt2] { padding-top: var(--space-2) }
[data-spacing~=pt3] { padding-top: var(--space-3) }
[data-spacing~=pt4] { padding-top: var(--space-4) }

[data-spacing~=pl0] { padding-left: 0 }
[data-spacing~=pl1] { padding-left: var(--space-1) }
[data-spacing~=pl2] { padding-left: var(--space-2) }
[data-spacing~=pl3] { padding-left: var(--space-3) }
[data-spacing~=pl4] { padding-left: var(--space-4) }

[data-spacing~=pr0] { padding-right: 0 }
[data-spacing~=pr1] { padding-right: var(--space-1) }
[data-spacing~=pr2] { padding-right: var(--space-2) }
[data-spacing~=pr3] { padding-right: var(--space-3) }
[data-spacing~=pr4] { padding-right: var(--space-4) }

[data-spacing~=pb0] { padding-bottom: 0 }
[data-spacing~=pb1] { padding-bottom: var(--space-1) }
[data-spacing~=pb2] { padding-bottom: var(--space-2) }
[data-spacing~=pb3] { padding-bottom: var(--space-3) }
[data-spacing~=pb4] { padding-bottom: var(--space-4) }