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 – okamžitě, bez publikování.
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). Změna třídy platí na celém webu okamžitě.