Layout & Spacing

Definierung der Schriftarten und Größen aus dem Corporate-Design

12 Column Grid

Hinweise

Wir verwenden auf der kompletten Website ein 12 Column Grid
main-12col-grid

Spacing Margin

m-t-16
Margin-Top-Wert
m-r-16
Margin-Right-Wert
m-b-16
Margin-Bottom-Wert
m-l-16
Margin-Left-Wert
m-x-16
Margin-X-Wert
m-y-16
Margin-Y-Wert

Spacing Padding

p-16
Padding-Alle Seiten-Wert
p-t-16
Padding-Top-Wert
p-r-16
Padding-Right-Wert
p-b-16
Padding-Bottom-Wert
p-l-16
Padding-Left-Wert
p-x-16
Padding-X-Wert
p-y-16
Padding-Y-Wert

Hinweise

Für Responsivness, einfach vor die jeweilige klasse den Anfangsbuchstaben des Breakpoints packen. Z. B. m-m-t-16 (Mobile-Margin-Top-16Px).
l = Landscape
t = Tablet
m = Mobile

Folgende Werte gibt es:
0 PX - 0 REM
4 PX - 0.25 REM
8 PX - 0.5 REM
12 PX - 0.75 REM
16 PX - 1 REM
24 PX - 1.5 REM
32 PX - 2 REM
48 PX - 3 REM
64 PX - 4 REM
128 PX - 8 REM