Piney Colors
Brand Colors:
- Brand 1 var(--py-brand-color-1)
- Brand 2 var(--py-brand-color-2)
- Brand 3 var(--py-brand-color-3)
- Brand 4 var(--py-brand-color-4)
- Brand 5 var(--py-brand-color-5)
- Brand 6 var(--py-brand-color-6)
- Brand 7 var(--py-brand-color-7)
- Brand 8 var(--py-brand-color-8)
- Brand 9 var(--py-brand-color-9)
Piney Text
Tags:
- p p
- h1 h1
- h2 h2
- h3 h3
- h4 h4
- h5 h5
- h6 h6
Font-Size:
- Paragraphs:
- P var(--py-body)
- P-medium var(--py-body-m)
- P-large var(--py-body-l)
- Headings:
- H1 var(--py-h1)
- H2 var(--py-h2)
- H3 var(--py-h3)
- H4 var(--py-h4)
- H5 var(--py-h5)
- H6 var(--py-h6)
Piney Spacing
Gap:
- Section Gap var(--py-section-gap)
- Container Gap var(--py-container-gap)
- Content Gap var(--py-content-gap)
- Grid Gap var(--py-grid-gap)
- Fluid Gap 1 var(--py-gap-fluid-1)
Padding/Margin:
- Space 0 var(--py-space-0)
- Space XS var(--py-space-xs)
- Space SM var(--py-space-sm)
- Space MD var(--py-space-md)
- Space LG var(--py-space-lg)
- Space XL var(--py-space-xl)
- Space 2XL var(--py-space-2xl)
- Space 3XL var(--py-space-3xl)