Dieser Styleguide rendert textbasierte Inhalte in den verschiedenen Layouts , welche unterschiedliche Themes haben können.
Der Index ist nach Layout (numerisch) sortiert und nicht alphabetisch.
Die Layouts wurden hier mit reingenommen, damit wir hier die richtigen Hintergrundfarben haben. Das Theme selbst färbt nur die Inhalte ein und wir würden mit dem Dark Theme auf weißer Hintergrundfarbe nichts erkennen, solange wir den Text nicht markieren würden.
Dem Theme Wrapper wurde eine Bootstrap Margin Left/Right Klasse mitgegeben, damit die Inhalte nicht am (farbigen) Rand kleben.
Die einzelnen Komponenten innerhalb eines Layouts werden durch ein HR Tag getrennt.
TODO
Die einzelnen Parts jedes Themes, sollten einzeln ein Test Wrapper erhalten, damit wir mit BackstopJS die Buttons und Links besser testen können.
Normal
Small
Action
Listing
Normal
Small
Durchgestrichen
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
9,99 €
Normal
Small
Action
Listing
Normal
Small
Durchgestrichen
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
9,99 €
Normal
Small
Action
Listing
Normal
Small
Durchgestrichen
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
9,99 €
Normal
Small
Action
Listing
Normal
Small
Durchgestrichen
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
9,99 €
Normal
Small
Action
Listing
Normal
Small
Durchgestrichen
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
9,99 €
Normal
Small
Action
Listing
Normal
Small
Durchgestrichen
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
9,99 €
Normal
Small
Action
Listing
Normal
Small
Durchgestrichen
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
9,99 €
Normal
Small
Action
Listing
Normal
Small
Durchgestrichen
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
Hier sollte keine der Symbol Klassen funktionieren.
9,99 €