Style guide
Headings
Heading H1
Heading H2
Heading H3
Heading H4
Heading H5
Heading H6
Heading classes
Heading XLarge
Heading Large
Heading Medium
Heading Small
Heading H1
Heading H2
Heading H3
Heading H4
Heading H5
Heading H6
Texts
Text tiny
Text Body
Text Medium
Rich Text
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
List
- Sample text is being used as a placeholder for real text that is normally present.
- Sample text is being used as a placeholder for real text that is normally present.
- Sample text is being used as a placeholder for real text that is normally present.
Background Color
Default
Muted
Primary
Form
Default
Muted
Inverse
Avatar
Small
Medium
Large
Nav Default
Nav Muted
Cards
Default
Muted
Primary
Card Sizes
Medium
Large
Extra Large
Big
Extra Big
Buttons
Default
Inverse
Labels
Default
Latest work
Inverse
Latest work
Spacers
Tiny
Small
Medium
Large
Extra Large
Big
Extra Big
Grids
4 columns
3 columns
2 columns
2-1 columns
1-2 columns
Horizontal Scroll Section
To edit the elements inside the horizontal scroll, follow these steps:
- Change the
overflowproperty of the Scroll Wrapper Sticky selector to "visible". - Scroll through and edit your content as needed.
- Once you're done, set the
overflowproperty back to "hidden". - Publish your site.
