CODE CLASSES
Das Farning Child-Theme stellt ein modulares CSS-Klassensystem bereit. Alle Klassen nutzen die Brand-Tokens aus _brand.scss und können direkt als CSS-Klasse in Divi-Modulen eingesetzt werden.
Die Dokumentation ist thematisch in Unterseiten gegliedert — wähle einen Bereich, um Details und Beispiele zu sehen.
Buttons
CTA-Gradient, Outline-Links mit Farbvarianten, Arrow-Links mit Pfeil-Icon und gefüllte Secondary-Buttons — inklusive Größen-Modifier.
Öffnen →
Sektions-Hintergründe
Modifier-Klassen für Divi-Sektionen. Setzen Hintergrundfarbe und passen Headlines, Body-Text und Links automatisch an.
Öffnen →
Typographie-Klassen
Eyebrow-Labels über Headlines mit Farbvarianten für die Hauptsektionen und weitere typografische Utility-Klassen.
Öffnen →
Organisation & Dateien
Alle Klassen-Dokumentationen leben im Farning Child-Theme unter assets/scss/_partials/. Bei Änderungen am Brand Guide werden zuerst die SCSS-Tokens in _brand.scss aktualisiert, danach erben alle Klassen automatisch.
<span style="color:#777E90">// Zentrale Dateien:</span><span style="color:#FFFFFF">assets/scss/_partials/_brand.scss</span> <span style="color:#777E90">← Single Source of Truth: Farben, Fonts, Radien</span><span style="color:#FFFFFF">assets/scss/_partials/_btn.scss</span> <span style="color:#777E90">← Button-System (.btn-*)</span><span style="color:#FFFFFF">assets/scss/_partials/_sections.scss</span> <span style="color:#777E90">← Section-Modifier (.section--*)</span><span style="color:#FFFFFF">assets/scss/_partials/_elements.scss</span> <span style="color:#777E90">← Eyebrows, Tags, Badges</span><span style="color:#FFFFFF">assets/scss/app.scss</span> <span style="color:#777E90">← Import-Reihenfolge</span>