Elementtyp | Klassenname | Voraussetzungen | Viewport | Beschreibung |
---|---|---|---|---|
Text Element | emcgn--emotion-intro | alle | Gestaltet das Textelement als Intro-Stage | |
Text Element | is--diagnostics | emcgn--emotion-intro | alle | Fügt das Diagnostics-Logo und -Hintergrundbild der Intro-Stage hinzu |
Text Element | is--spezchem | emcgn--emotion-intro | alle | Fügt das SpezChem-Logo und -Hintergrundbild der Intro-Stage hinzu |
Text Element | emcgn--has--row-headline | alle | Veringert den Abstand nach oben zur vorangegangen Zeile | |
Text Element | emcgn--has--row-headline--xs | XS – Mobile Portrait | Veringert den Abstand nach oben zur vorangegangen Zeile | |
Text Element | emcgn--has--row-headline--s | S –Mobile Landscape | Veringert den Abstand nach oben zur vorangegangen Zeile | |
Text Element | emcgn--has--row-headline--m | M – Tablet Portrait | Veringert den Abstand nach oben zur vorangegangen Zeile | |
Text Element | emcgn--has--row-headline--l | L – Tablet Landscape | Veringert den Abstand nach oben zur vorangegangen Zeile | |
Text Element | emcgn--has--row-headline--xl | XL – Desktop | Veringert den Abstand nach oben zur vorangegangen Zeile | |
Text Element | has--table | alle | Fügt dem Element eine horizontale Scrollbar hinzu, sollte die Tabelle zu breit werden | |
Artikel Slider | is--big | Große Variante des Artikel Sliders: Nur 1 Produkt / Slide | ||
Digital Publishing | emcgn--responsive | Nur bei Layoutmodus "Zeilen" | Höhe des Elementes wird an den Inhalt angepasst | |
Digital Publishing | emcgn--exhibitions-resize | Nur für den Messen-Teaser auf der Startseite | Gleicht die Höhe des Banners, der Höhe der News-Teaser an |
Helferklassen
…für Einkaufswelten-Elemente
…für Textanpassungen
HTML Tag | Klassenname | Voraussetzungen | Beschreibung |
---|---|---|---|
Headlines, span | h1 | Text optisch als H1 | |
Headlines, span | h2 | Text optisch als H2 | |
Headlines, span | h3 | Text optisch als H3 | |
Headlines, span | h4 | Text optisch als H4 | |
Headlines, span | h5 | Text optisch als H5 | |
Headlines, span | h6 | Text optisch als H6 | |
Links | link--default | Default-Optik für Links | |
Links | has--icon-right | link--default + Icon-Klasse | Definiert, dass rechts neben dem Link ein Icon dargestellt wird |
Links | has--icon--arrow-right | link--default has--icon-right | Icon "Pfeil nach rechts" |
Links | btn | Stylt einen Link wie einen Button | |
Links | is--primary | btn | Button in den Primary-Farben aus der Theme-Konfiguration |
Links | is--secondary | btn | Button in den Secondary-Farben aus der Theme-Konfiguration |
Links | is--contrast | btn | Button weißer Hintergrund mit roter Schrift |
Absatz | emcgn--content-footer | Vergrößert den Abstand nach oben |
Newsletter
Abonnieren Sie den kostenlosen Newsletter und verpassen Sie keine Neuigkeit oder Aktion mehr von FUJIFILM Wako Chemicals Europe GmbH.