How To
- Element anklicken > Erweitert (Advanced Tab) > (erstes) Layout > CSS Klassen (fast ganz unten)
- Die hier aufgeführten Stile geben nicht deine eigenen wieder. Wenn du also deine Klassen einfügst, werden die Komponenten anders aussehen
Abschnitte
section-xxs
section-xs
section-s
section-m
section-l
section-xl
section-xxl
section-xs
section-s
section-m
section-l
section-xl
section-xxl
Section XXS
Section XS
Section S
Section M
Section L
Section XL
Section XXL
Komponenten
Buttons
Primary Button
Auch Call to Action (CTA) genannt. Die primäre Handlungsaufforderung einer Seite.
CSS Code:
.btn-primary
So sieht's aus:
Seondary Button
Wenn es nicht immer nur eine Klickmöglichkeit geben soll, kommt der sekundäre Button ins Spiel.
CSS Code:
.btn-secondary
So sieht's aus:
Tertiary Button
Auch Link-Buttons genannt, da sie häufig als Links gestaltet werden, aber als Buttons fungieren.
CSS Code:
.btn-tertiary
So sieht's aus:
Cards
Card Sizes
card-s
card-m
card-l
card-xl
card-xxl
card-m
card-l
card-xl
card-xxl
Card S
Card M
Card L
Card XL
Card XXL
Card Colors
card-m card-bg-1
card-m card-bg-2
card-m card-bg-3
card-m card-bg-4
card-m card-bg-5
card-m card-bg-2
card-m card-bg-3
card-m card-bg-4
card-m card-bg-5