Základy prispôsobenia

Elements Framework ponúka rozsiahle možnosti prispôsobenia štýlov predovšetkým prostredníctvom premenných CSS. Vďaka tomu môžete ľahko zmeniť vzhľad aplikácie podľa vašich potrieb. Komponenty Elements používajú premenné CSS pre väčšinu štýlov, vďaka čomu je možné jednoducho upravovať ich predvolené hodnoty. Tieto premenné môžete prepísať vo svojom globálnom súbore štýlov. Okrem toho podporuje SASS, čo umožňuje pokročilejšie možnosti štylizácie a tematizácie. Pomocou premenných SASS a mixinov, ktoré poskytuje Elements, môžete vytvárať vlastné šablóny, upravovať rozloženia a definovať vlastné farebné schémy.

Farby

Farebná paleta Elements sa skladá zo 7 predvolených farieb, ktoré si je možné jednoducho upraviť. Paleta je navrhnutá tak aby spĺňala aktuálne trendy a zároveň zabezpečovala prístupnosť. Používatelia si môžu prispôsobiť jej farby pomocou CSS premenných, čo im umožňuje zmeniť predvolené farby alebo pridať vlastné.

CSS Premenné

WJ elements používa pre svoje štýly Premenné CSS, čo umožňuje dosiahnuť centralizovanú správu štýlov, dynamické prepínanie motívov, obmedziť množstvo kódu a zlepšiť jeho udržiavateľnosť. Viac o ich použití nájdete na CSS Premenné

CSS Shadow Parts

CSS shadow parts uľahčujú úpravu jednotlivých elementov v Shadow DOMe, ktorý je za iných okolností izolovaný od zbytku aplikácie. Použitím pseudoelementu ::part v CSS je možné pristúpiť k vybraných častiam komponentov a prispôsobiť si ich podľa svojich preferencií. Viac o tom ako na to, nájdete na strane CSS Shadow Parts.