Výchozí organismus s hlavičkou. Slouží pro něj div.header.
Logo je zde vloženo bez horního odsazeni. K tomuto účelu slouží modifikátor .header__logo--no-margin
aplikovaný na .header__logo.
Pro tuto komponentu existují dvě varianty – responzivní a neresponzivní. Problém je v tom, že v mobilní verzi je
standardní odsazení loga od horního okraje menší, než v desktopové verzi. Pokud je však logo až u horního okraje, tato
mezera se u něj nemá jak projevit. Pokud je použité logo možné shora oříznout a posunout ho na mobilu nahoru tak, aby
mělo správnou pozici, je možné tohoto docílit modifikátorem header__logo--no-margin--crop.
Variantu je možné využít např. pro logo s ukrajinskou vlajkou (o vygenerování tohoto loga je možné požádat webcentrum@ics.muni.cz).
Výchozí organismus s hlavičkou. Slouží pro něj div.header.
Logo je zde vloženo bez horního odsazeni. K tomuto účelu slouží modifikátor .header__logo--no-margin aplikovaný na .header__logo.
Pro tuto komponentu existují dvě varianty – responzivní a neresponzivní. Problém je v tom, že v mobilní verzi je standardní odsazení loga od horního okraje menší, než v desktopové verzi. Pokud je však logo až u horního okraje, tato mezera se u něj nemá jak projevit. Pokud je použité logo možné shora oříznout a posunout ho na mobilu nahoru tak, aby mělo správnou pozici, je možné tohoto docílit modifikátorem header__logo--no-margin--crop.
Variantu je možné využít např. pro logo s ukrajinskou vlajkou (o vygenerování tohoto loga je možné požádat webcentrum@ics.muni.cz).