/ Prispôsobenie Zurb Foundation 4 Elements - css, sass, zurb-foundation

Prispôsobenie Zurb Foundation 4 Elements - css, sass, zurb-foundation

Pomocou tlačidiel nadácie 4 môžete prispôsobiť dizajn pomocou kombinácií. Toto je pre väčšinu prvkov rovnaké.

Existuje však veľa nastavení, ktoré mixins nemajú vystaviť prispôsobeniu, napr .: Farba písma Hover efekt Farba ohraničenia

Všetky sú vypočítané na základe farby pozadia tlačidla. Tlačidlo je len príkladom, ale mám rovnaký problém so všetkými ostatnými prvkami.

Existuje odporúčaný spôsob úpravy častíktoré nie sú vystavené zmesi? Nechcem ísť do zdroja a zmeniť skutočnú definíciu mixinov. Ak sa moje dizajnové špecifikácie veľmi líšia od predvolených nastavení nadácie, bolo by lepšie nepoužívať nadáciu?

odpovede:

1 pre odpoveď č. 1

Takmer každé nastavenie možno prispôsobiť pomocou premenných SASS. Najbežnejšie sú dostupné v roku 2009 _variables.scss, ale môžete prepísať akékoľvek iné premenné použité v súboroch SCSS súčasnej súčasti.

V prípade hodnôt, ktoré už nemajú premenné, môžete tieto štýly prepísať pomocou CSS a zahrnúť zmeny v prepojovacom mixe Ex:

@mixin my-button-style($bg:$primary-color, $radius:false, $disabled:false) {
@include button-style($bg, $radius, $disabled);

/* CSS overrides go here */
border-color: pink; /* etc */

}