Global Styles
Typography
Heading XXL
Heading XL
Heading 1
Heading 2
Heading 3
Heading 4
Heading 7
L Body Text
Nullam quis ante. Nam commodo suscipit quam. Quisque id mi. Praesent blandit laoreet nibh. Vestibulum volutpat pretium libero.
Default Body Text
Nullam quis ante. Nam commodo suscipit quam. Quisque id mi. Praesent blandit laoreet nibh. Vestibulum volutpat pretium libero. This is a link
Aenean vulputate eleifend tellus. Aenean imperdiet. Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam. Fusce pharetra convallis urna. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo.
Body Caption Text
Nullam quis ante. Nam commodo suscipit quam. Quisque id mi. Praesent blandit laoreet nibh. Vestibulum volutpat pretium libero.
Buttons
Borders
Border – Subtle
Border Top – Subtle
Border Right – Subtle
Border Bottom – Subtle
Border Left – Subtle
Border – Inverse
Border Top – Inverse
Border Right – Inverse
Border Bottom – Inverse
Border Left – Inverse
Dotted Borders & Dividers
Dotted Header Subtle
Dotted Header Inverse
Grids
Grid 1 – Column
Grid 2 – Column
Grid 2 – Column
Grid 3 – Column
Grid 3 – Column
Grid 3 – Column
Grid 4 – Column
Grid 4 – Column
Grid 4 – Column
Grid 4 – Column
Grid 5 – Column
Grid 5 – Column
Grid 5 – Column
Grid 5 – Column
Grid 5 – Column
Grid 6 – Column
Grid 6 – Column
Grid 6 – Column
Grid 6 – Column
Grid 6 – Column
Grid 6 – Column
Sections – Vertical Spacing
XXS Vertical Spacing – 8px
XS Vertical Spacing – 16px
S Vertical Spacing – 20px
M Vertical Spacing – 24px
D Vertical Spacing – 32px
L Vertical Spacing – 40px
XL Vertical Spacing – 6rem
XXL Vertical Spacing – 8rem
XXXL Vertical Spacing – 10rem
Padding
XXS Padding – 8px
XS Padding – 16px
S Padding – 20px
M Padding – 24px
D Padding – 32px
L Padding – 40px
XL Padding – 6rem
XXL Padding- 8rem
XXXL Padding – 10rem
Containers – Width
XS Width Container – 576px
S Width Container – 768px
M Width Container – 992px
TB Width Container – 1024px
D Width Container
Note this is the same container width that is set in the customiser
L Width Container – 1144px
XL Width Container – 1400px
Max Width Container – 1920px