Editor storefrontu - Záhlaví

Barvy

Nastavení	Dědí z	Výchozí	Popis
Pozadí	Globální pozadí	`#FFFFFF`	Barva výplně pozadí záhlaví.
Text	Globální text	`#111826`	Barva textu navigačních odkazů a názvu obchodu.
Ikona	-	`#111826`	Ikony košíku, účtu a menu. Vždy explicitní hodnota, nedědí.
Rámeček	Globální rámeček	`#E4E6EB`	Spodní rámeček oddělující záhlaví od obsahu stránky.

Dědičnost

Pozadí, Text a Rámeček ve výchozím stavu dědí svou hodnotu z odpovídající globální barvy na panelu Barvy. Nastavením hodnoty přepíšete globální barvu jen pro záhlaví.

Barva ikony je nezávislá, vždy má explicitní hodnotu a nedědí se z globální barvy.

Reset

Kliknutím na Obnovit na panelu Záhlaví obnovíte všechna čtyři nastavení na výchozí hodnoty. Pozadí, Text a Rámeček se vrátí k dědění globálních barev. Ikona se vrátí na #111826.

CSS proměnné

Každá barva záhlaví odpovídá CSS proměnné, na kterou se můžete odkázat v části Vlastní CSS:

:root {
  --storefront-header-background-color: #FFFFFF;
  --storefront-header-text-color: #111826;
  --storefront-header-icon-color: #111826;
  --storefront-header-border-color: #E4E6EB;
}

CSS proměnné vždy vrací výslednou hodnotu. Pokud nastavení dědí z globální barvy, proměnná odráží aktuální globální hodnotu, nikoli null nebo prázdnou hodnotu.

Vítejte v dokumentaci TWICE

Orientace v TWICE

Jak systém funguje

Editor storefrontu - Záhlaví

Barvy

Dědičnost

Reset

CSS proměnné

Související články

Barvy

Vlastní CSS

​Barvy

​Dědičnost

​Reset

​CSS proměnné

​Související články

Barvy

Vlastní CSS

Barvy

Dědičnost

Reset

CSS proměnné

Související články