Sekce

Gradienty:

Použití: třída na sekci ve tvaru gradient-name, kdy name je nephrite, orange, grey-light, grey-dark atd.

• Horizontální gradienty: nephrite, orange, atd.
• Vertikální gradienty s přechodem do ztracena: gradient-grey-light, gradient-grey-dark nebo gradient-v-grey-light, gradient-v-grey-dark
   

Menu v barvě produktu

• Logika pro menu i sekce je stejná, jen třída se vkládá do nastavení stránky.
• Kromě třídy pro barvu je třeba zvolit třídu pro Inverzní hlavičku.

 

Maska

Sekce musí mít pozadí.

Použití: třída na sekci has-mask-bottom, has-mask-top, has-mask

2 barevné sekce za sebou - šedá > barevná

Třída has-mask-top-grey zajišťuje přechod mezi předchozí šedou sekcí a následující oranžovou sekcí na stránce Vzdělávání. Barva za slovem "top" se musí rovnat barvě v předchozí sekci

Vertikální gradienty s přechodem do ztracena

• Při použití těchto gradientů můžete obsah do nekonečna oddělovat přechody, gradient zařídí rozplynutí do bílé na spodním okraji sekce, čili můžete pak navázat dalším stejným gradientem.
• Třídy na sekci: gradient-grey-light (světlá šedá), gradient-grey-dark (tmavá šedá) nebo gradient-v-grey-light, gradient-v-grey-dark

Hero sekce na homepage

Volné sekce varianty s dekorem

(dekor má být vždy rozanimován paralaxem)

Dekor na sekci

v nastavení sekce 

• zvolíte barvu
• vyberete pozadí v svg (jsou to soubory v galerii s názvem svg-helios-hvezda-sekce-leva.svg nebo svg-helios-hvezda-sekce-prava.svg)
• zvolíte barvu filtru stejnou jako barvu pozadí - tím stáhnete hvězdu z plně bílé na šedivou
• přidáte třídu has-mask. Třída zařídí seříznutí sekce a gradient