Styles page
This page is here to show off styles for standard page elements such as typography, form elements, and icons. These are hard coded in an alternate page template file.
Headings
Hero
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraphs
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
Type styles
- Strong
- Emphasis
- Inline link
Strike- Sup
Buttons
Main buttons
Add to cartAdd to cart
Add to cart
Add to cart
Full width buttons
Text buttons
Text buttonText button
Full width button
Full width button
Link buttons
Link textText paragraph Link text in the paragraph
Default input
Default disabled input
Default success input
Default error input
Default input group error
Textarea
Checkbox
Radio
Custom select
Default custom select (with placeholder value)
Custom select with label (with placeholder value)
Info message
Form
Quantity selector
Accordion
Single open accordion
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti earum explicabo harum ipsam magnam maxime nam, obcaecati officiis qui soluta?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab deserunt ea earum eveniet exercitationem id, ipsa libero officia quis vitae!
Multiple open accordions
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti earum explicabo harum ipsam magnam maxime nam, obcaecati officiis qui soluta?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab deserunt ea earum eveniet exercitationem id, ipsa libero officia quis vitae!
Breadcrumbs
Object card
Containers
Container inner width 1010px
Container inner
Container inner width 980px
Container large
Container inner width 1440px