Dodatkowe klasy CSS:
| Klasa | Co robi |
|---|---|
kmst-utl-eyebrow | Mała etykietka mono brand uppercase (np. „TABOR”) |
kmst-utl-hero-tytul | Wielki tytuł sans condensed (DIN 2014 / Barlow Cond.), clamp(48px, 7vw, 92px) |
kmst-utl-hero-tytul--centrowany | Wycentrowany |
kmst-utl-hero-tytul--narrow | Max 22ch, ładnie się łamie |
kmst-utl-hero-block | Wrapper grupy z paddingiem (jak hero) |
kmst-utl-hero-block--brand | Ciemne tło + brand-light text |
TABOR
Wielki tytuł sans condensed
Wycentrowany
Max 22ch, ładnie się łamie
Wrapper grupy z paddingiem (jak hero)
Ciemne tło + brand-light text
Gotowe — wszystko cztery rzeczy w jednej iteracji.
Przykład użycia w edytorze Gutenberga:
- Dodaj blok Akapit „TABOR” → klasy:
kmst-utl-eyebrow - Dodaj blok Akapit „Ponad 40 wagonów, każdy z własną historią” → klasy:
kmst-utl-hero-tytul kmst-utl-hero-tytul--centrowany kmst-utl-hero-tytul--narrow - Owiń oba w Grupę → klasy:
kmst-utl-hero-block kmst-utl-hero-block--brand
np:
TABOR
„Ponad 40 wagonów, każdy z własną historią”