Styles
This page is here to show off styles and components for standard page elements such as typography, form
elements, icons, product cards and more. These are hard coded in an alternate page template file containing
the section
main-styleguide.liquid
.
Colors
Background
Text
text light
Link
Link hover
Border
Info
Success
Warning
Danger
Primary
50
100
200
250
300
400
500
600
700
800
900
Secondary
50
100
200
250
300
400
500
600
700
800
900
Accent
50
100
200
250
300
400
500
600
700
800
900
Gray
Black
5
15
50
Typography
Headings
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Headline 6
Paragraphs
Sizes
Text sm
Text base
Text lg
Label
Label sm
Label base
Label lg
Transforms
Normal
Capitalised
Uppercased
Type styles
- Strong
- Emphasis
- Link
Strike- Sup
Rte
Headline 2
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus dolore beatae molestias voluptas cumque facilis, recusandae omnis, nihil magni culpa tenetur quo aperiam, earum nisi at pariatur impedit voluptates quia!
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus dolore beatae molestias voluptas cumque facilis, recusandae omnis, nihil magni culpa tenetur quo aperiam, earum nisi at pariatur impedit voluptates quia!
Headline 3
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus dolore beatae molestias voluptas cumque facilis, recusandae omnis, nihil magni culpa tenetur quo aperiam, earum nisi at pariatur impedit voluptates quia!
Headline 4
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus dolore beatae molestias voluptas cumque facilis, recusandae omnis, nihil magni culpa tenetur quo aperiam, earum nisi at pariatur impedit voluptates quia!
Headline 5
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus dolore beatae molestias voluptas cumque facilis, recusandae omnis, nihil magni culpa tenetur quo aperiam, earum nisi at pariatur impedit voluptates quia!
Headline 6
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus dolore beatae molestias voluptas cumque facilis, recusandae omnis, nihil magni culpa tenetur quo aperiam, earum nisi at pariatur impedit voluptates quia!
Eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
The author of the quote
- One
- Two
-
Three, with child list
- First sub item
- Second sub item
-
Third sub item, with child list
- Third level item
- Another third level item
- Four
- One
- Two
-
Three, with child list
- First sub item
- Second sub item
-
Third sub item, with child list
- Third level item
- Another third level item
- Four
| Order | Date | Payment Status | Fulfillment Status | Total |
|---|---|---|---|---|
| #1001 | December 22, 2015 | Authorized | Unfulfilled | $43.03 |
| #1002 | December 23, 2015 | Authorized | Unfulfilled | $44.03 |
| #1003 | December 24, 2015 | Authorized | Unfulfilled | $45.03 |
| #1004 | December 25, 2015 | Authorized | Unfulfilled | $46.03 |
| #1005 | December 26, 2015 | Authorized | Unfulfilled | $47.03 |
| #1006 | December 27, 2015 | Authorized | Unfulfilled | $48.03 |
Grid
More info on tailwind and css-tricks.
Logo
Icons
User interface icons
USP icons
Payment icons
Social icons
Forms
Options
For variants, filters and sorting
Button style
List style
Quantity input
Collapsibles
Collapsible
Collapsible using button styles
Toggle element
Badges
Prices
- Regular price
- €13,95
- Regular price
- From €12,95
- Sale price
- €44,95
- Regular price
-
€56,80
- Sale price
- €19,95
- Regular price
-
€28,95
- Sale price
- €59,95
- Regular price
-
€89,70
- Sale price
- €49,95
- Regular price
-
€59,30
- Regular price
- From €18,95
- Regular price
- From €19,95
Collection cards
-
All Heroes
-
All products
-
All products against aphids
-
All products against clothing moths
-
All products against fig skeleton moth
-
All products against flies
-
All products against flour moths
-
All products against fruit flies
-
All products against fungus flies
-
All products against grubs
-
All products against leatherjackets
-
All products against mealybugs
-
All products against red mites
-
All products against scale
-
All products against slugs
-
All products against snake mites
-
All products against spider mites
-
All products against the box tree moth
-
All products against thrips
-
All products against vine beetles
-
All products against wasps
-
All products against whitefly
-
All products for houseplants
-
All products for the garden
-
All products to prevent pests
-
All products to protect animals
-
Control packages
-
Gifts
-
Lacewing larvae
-
Ladybugs
-
Nematodes
-
New products
-
Popular products
-
Power supply
-
Predatory mites
-
Preventive packages
-
Tools
-
Traps and catch cards
Product cards
Optimized Deal - against aphids
Complete package for 25 (house) plants- Sale price
- €44,95
- Regular price
-
€56,80
Optimized Deal - against fungus flies
Double treatment for 25 (house) plants- Sale price
- €19,95
- Regular price
-
€28,95
Optimized Deal - against spider mites
Complete package for 10 (house) plants- Sale price
- €59,95
- Regular price
-
€89,70
Optimized Deal - against trips
Complete package for 20 (house) plants- Sale price
- €49,95
- Regular price
-
€59,30
Persi - against spider mites
Predatory mites ideal for a serious infestation- Regular price
- From €18,95
Phasma - against slugs
Nematodes that combat slugs in the (vegetable) garden- Regular price
- From €19,95