Po raz pierwszy używam Zurb Foundation do projektu internetowego. Nie jestem jednak pewien, czy nadpisać ich style własnymi na osobnym arkuszu stylów, czy bezpośrednio edytować foundation.css
.Jak przesłonić edytować podstawowe style CSS w Zurb Foundation?
Na przykład to jest ich css nav (wewnątrz foundation.css
):
.nav-bar {
background: #4D4D4D;
height: 40px;
margin-left: 0;
margin-top: 20px;
padding: 0;
}
Jeśli chcę zmienić background
i margin-top
, mogę bezpośrednio edytować .nav-bar
z foundation.css
lub stworzyć własny arkusz stylów (umieścić style.css
poniżej foundation.css
) i zastąpić go tak:
.nav-bar {
background: #999;
margin-top: 0;
}
Czy to dobra praktyka? Jeśli nie, jaki byłby najlepszy sposób, aby to osiągnąć?
Zgadzam się z tym. Jest to szczególnie ważne, jeśli pobierzesz niestandardową wersję css (nie wersję Sass/Compass), ponieważ pozwoli ci użyć różnych modyfikacji podstawy podczas dodawania/usuwania funkcji lub zmieniania podstawowych kolorów używanych. – JAMESSTONEco