style-guide
Inspect the source and consult Bootstrap docs!
Grid System
Collapse to two columns on mobile
Row no gutters
Container no padding; row no gutters
Fluid container, no padding; row no gutters
Typography
All standard typographical elements must follow these rules.
A True H1
A True H2
A True H3
A True H4
A True H5
A True H6
Strong Importance
Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo blanditiis numquam maxime aperiam, quas reprehenderit provident. Nostrum velit numquam officia! Explicabo blanditiis numquam maxime aperiam.
Stress Emphasis
Ipsum dolor sit amet consectetur adipisicing elit. Dolor, voluptates dolores! Sapiente in magnam repudiandae, rem consequuntur temporibus, quas ullam sunt odio quae, ratione adipisci corrupti? Magni iure nemo ipsa.
Bold Text
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid, dolorem.
- Esse sit minus dolorum nisi inventore debitis similique nostrum commodi?
- Totam inventore praesentium unde dolor voluptatibus vitae neque quis ut!
Italic Text
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur, quam.
- Laborum eligendi similique consequatur nemo, est sequi rerum suscipit?
- Vero quasi, debitis nulla iure saepe eligendi? Illo, cum doloremque!
Buttons
Icons
{% include 'icon', which: 'x', size: 'sm' %}
xs
sm
md
lg
xl
xxl
xxxl
x
close
menu
search
account
cart
arrow-up
arrow-down
arrow-left
arrow-right
phone
email
clock
grid
list
share
facebook
twitter
instagram
youtube
pinterest
googleplus
tumblr
Product Cards
Product cards are snippets that are meant to be used in a grid.