Style Guide
Colors
- @sss-color-1#3C3B4B - @sss-color-1
- @sss-color-2#444B56 - @sss-color-2
- @sss-color-3#8C8B9A - @sss-color-3
- @sss-color-4#E0E0E0 - @sss-color-4
- @sss-color-5#F48D40 - @sss-color-5
- @sss-color-6#8DC63F - @sss-color-6
- @sss-color-7#40A7F4 - @sss-color-7
- @sss-color-8#980F0F - @sss-color-8
Breadcrumbs
Text
Header Level 1 &:extend(.forix-abs-secondary-title-size all)
Header Level 2 &:extend(.forix-abs-primary-title-size all)
Header Level 3 &:extend(.forix-abs-three-title-size all)
Header Level 4 &:extend(.forix-abs-medium-title-size all)
Typography links
- Default Link
- Type 1 &:extend(.forix-abs-link1 all);
- Span styled as a link &:extend(.alink all);
Base typography
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies
mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
Paragraph Text. Lorem ipsum dolor sit amet, consectetur adipisicing 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. Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Small Text. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Typography lists
- Coffee
- Tea
- Milk
- Coffee
- Tea
- Milk
- Coffee
- Tea
- Milk
- Coffee
- Tea
- Milk
- Coffee
- Tea
- Milk
- Coffee
- Tea
- Milk
- Coffee
- Black hot drink
- Milk
- White cold drink
Typography other tag
The WHO was founded in 1948.
A piece of computer code
Keyboard input
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks
A piece of computer code
Typography blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa.
Ut a est eget ligula molestie gravida. Curabitur massa Author quotes
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
Buttons
- &:extend(.forix-abs-button-type1 all);
- &:extend(.forix-abs-button-type2 all);
- &:extend(.forix-abs-button-type3 all);
- &:extend(.forix-abs-button-type4 all);
- &:extend(.forix-abs-button-type5 all);
- &:extend(.forix-abs-button-type6 all);
- Link styled as a button &:extend(.alink all);
Form
Message
Table
Column Heading | Column Heading | Column Heading | Column Heading |
---|---|---|---|
Table cell content | Table cell content | Table cell content | Table cell content |
Table cell content | Table cell content | Table cell content | Table cell content |
Table cell content | Table cell content | Table cell content | Table cell content |
Column Heading | Column Heading | Column Heading | Column Heading |
---|---|---|---|
Table cell content | Table cell content | Table cell content | Table cell content |
Table cell content | Table cell content | Table cell content | Table cell content |
Table cell content | Table cell content | Table cell content | Table cell content |
Primal | Dash | Moc3 | |
Summary | Extra-wide toe splay for healthy, natural foot function. | Extra-wide toe splay for healthy, natural foot function. | Extra-wide toe splay for healthy, natural foot function. |
Feature | Extra wide toe box. This shoe is widest at the toes, rather than the ball of the foot, and is ideal for people who want to maintain/restore natural foot shape and function. Rubber toe cap, made from upcycled bicycle innertubes, adds durability to front of shoe--especially useful for hikers and trail runners. Extended lacing system is designed to fit snugly around instep, yet allow toes to spread out as much as possible. | A versatile minimal design that can function as an athletic shoe, a casual shoe or a formal shoe (depending on color choices). Mid-level minimal shoe option for people who do not want the extra-wide toe box of the RunAmoc, but prefer a shoe that is more traditional than the Moc3. Short lacing system allows adjustable fit around the instep while leaving the front of the foot unencumbered. | Our lightest minimal shoe, and one of the lightest in the world! Designed to be as flexible and lightweight as possible. Easily rolls up and fits into small spaces when not in use, such as a small bag or tucked under a belt. Slip-on design allows quick on/off when you're on the go. Breathe-O-Prene lining hugs your foot from all sides for a snug, but ventilated fit. |
Order # | Date | Ship To | Order Total | Status | Action |
---|---|---|---|---|---|
000004824 | 1/29/18 | tester tester | $139.50 | Pending | View Order Reorder |
000004824 | 1/29/18 | tester tester | $139.50 | Pending | View Order Reorder |
000004824 | 1/29/18 | tester tester | $139.50 | Pending | View Order Reorder |
Product Name | SKU | Price | Qty | Subtotal |
---|---|---|---|---|
Radiant Tee | WS12-XS-Orange | $22.00 |
| $22.00 |
Breathe-Easy Tank | WT09-M-Yellow | $34.00 |
| $34.00 |
Geo Insulated Jogging Pant | MP03-32-Blue | $51.00 |
| $51.00 |
Meteor Workout Short | MSH03-33-Blue | $32.50 |
| $32.50 |
Subtotal | $139.50 | |||
Shipping & Handling | $0.00 | |||
Grand Total | $139.50 |
- col 1
- col 1
- col 1
- col 1
- col 2
- col 1
- col 1
- col 1
- col 1
- col 1
- col 1
- col 1
- col 1
- col 2
- col 2