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
- Regulärer Preis
- 15,95 €
- Regulärer Preis
- 21,95 €
- Regulärer Preis
- 13,50 €
- Regulärer Preis
- 15,95 €
- Verkaufspreis
- 49,95 €
- Regulärer Preis
-
60,54 €
- Verkaufspreis
- 49,95 €
- Regulärer Preis
-
61,74 €
- Verkaufspreis
- 49,95 €
- Regulärer Preis
-
56,94 €
- Verkaufspreis
- 20,00 €
- Regulärer Preis
-
20,90 €
Collection cards
-
Alle Heroes
-
Alle Produkte
-
Alle Produkte für die Garten
-
Alle Produkte für Pflanzen
-
Alle Produkte für Zimmerpflanzen
-
Alle Produkte gegen Blattläuse
-
Alle Produkte gegen Buchsbaumzünsler
-
Alle Produkte gegen Dickmaulrüssler
-
Alle Produkte gegen die Asiatische Hornisse
-
Alle Produkte gegen die Schlangenmilbe
-
Alle Produkte gegen die Weiße Fliege
-
Alle Produkte gegen Engerlinge
-
Alle Produkte gegen Feigen-Spreizflügelfalter
-
Alle Produkte gegen Fliegen
-
Alle Produkte gegen Fruchtfliegen
-
Alle Produkte gegen Kleidermotte
-
Alle Produkte gegen Lebensmittelmotten
-
Alle Produkte gegen Napfschildläuse
-
Alle Produkte gegen Rote Vogelmilbe
-
Alle Produkte gegen Schnakenlarven
-
Alle Produkte gegen Schnecken
-
Alle Produkte gegen Spinnmilben
-
Alle Produkte gegen Thripse
-
Alle Produkte gegen Trauermücken
-
Alle Produkte gegen Wespen
-
Alle Produkte gegen Wollläuse
-
Alle Produkte zum Schutz von Tieren
-
Alle Produkte zur Schädlingsbekämpfung
-
Bekämpfungspakete
-
Beliebte Produkte
-
Black Flyday
-
cadeaus
-
Florfliegenlarven
-
Geschenke
-
Hilfsmittel
-
Marienkäfer
-
Nematoden
-
Neue Produkte
-
Pflanzendünger
-
Pheromonfallen und Klebefallen
-
Präventivpakete
-
Raubmilben
-
Schlupfwespen
Product cards
Nema Super Sprayer
Idealer Nematoden-Sprüher für große Flächen- Regulärer Preis
- 13,50 €
Optimized Deal - gegen Blattläuse
Komplettes Paket für 25 (Zimmer)pflanzen- Verkaufspreis
- 49,95 €
- Regulärer Preis
-
60,54 €
Optimized Deal - gegen Spinnmilben
Komplettes Paket für 10 (Zimmer)pflanzen- Verkaufspreis
- 49,95 €
- Regulärer Preis
-
61,74 €
Optimized Deal - gegen Thripse
Komplettpaket für 20 Zimmerpflanzen- Verkaufspreis
- 49,95 €
- Regulärer Preis
-
56,94 €
Optimized Deal - gegen Trauermücken
Behandlung für 15 -20 (Zimmer-)Pflanzen- Verkaufspreis
- 20,00 €
- Regulärer Preis
-
20,90 €