Design system
Sdílené třídy.
Dejte prvkům třídu, například „card“, a nastylujte ji jen jednou. Všechny prvky s touto třídou na celém webu se přizpůsobí.
Záložka Pokročilé: třídy vybraného prvku
Třída je pojmenovaný styl sdílený napříč webem. Je to správný nástroj všude, kde se opakuje stejný vzhled – karty, štítky, tmavý pruh.
Jak třídu použít
- Vyberte prvek a otevřete záložku Pokročilé.
- Do pole Třídy napište název (třeba
card) a klepněte na Přidat. Existující třídy se nabízejí už při psaní. - Klepnutím na třídu upravíte její styl. Panel ukazuje, kde se třída používá; uložte ji a změna platí pro každý prvek s touto třídou na každé stránce.
Kdy to uvidí návštěvníci: nová třída platí hned po uložení – nic zveřejněného ji zatím nepoužívá. Změna existující třídy nebo její smazání jde do konceptu vzhledu spolu s barvami, písmy a menu: prohlédněte si celý web a pak ve Vzhledu webu klepněte na Publikovat vzhled.
Třída má vlastní stavy pro počítač, tablet, mobil a najetí myší. Prvek může mít několik tříd a jeho vlastní styl má před třídou vždy přednost. Sdílené třídy upravují jen správci; editoři mohou přiřazovat existující.
V záložce Pokročilé nastavíte také kotvu prvku (id pro #links), doplňkové CSS a atributy tohoto jednoho prvku.
Třídy a Claude
Claude umí přes MCP třídy vypsat a uložit (list_classes, save_classes) z běžných pravidel CSS jako .card { … }, .card:hover { … } a @media (max-width: 767px). Platí totéž: nové třídy hned, změny existujících čekají v konceptu vzhledu, dokud ho člověk nepublikuje.