Gewusst wie: überschreiben\edit Zurb Foundation base-CSS-Stile?
Es ist mein erstes mal mit Zurb Foundation für ein web-Projekt. Allerdings bin ich mir nicht sicher, ob Sie überschreiben die Stile mit meiner eigenen auf einer separaten stylesheet oder direkt Bearbeiten foundation.css
.
Ist dies beispielsweise für Ihre nav-css (innen foundation.css
):
.nav-bar {
background: #4D4D4D;
height: 40px;
margin-left: 0;
margin-top: 20px;
padding: 0;
}
Wenn ich ändern möchten die background
und margin-top
, kann ich direkt Bearbeiten .nav-bar
aus foundation.css
oder erstelle ich mein eigenes stylesheet (style.css
unten foundation.css
) und überschreiben Sie es so:
.nav-bar {
background: #999;
margin-top: 0;
}
Ist diese gute Praxis? Wenn nicht, was wäre der beste Weg, um darüber zu gehen?
InformationsquelleAutor catandmouse | 2012-12-10
Du musst angemeldet sein, um einen Kommentar abzugeben.
Beste Vorgehensweise ist, überschreiben Sie Ihr Stylesheet mit einem benutzerdefinierten .css-Datei wie du beschrieben hast. Auf diese Weise, wenn ein update veröffentlicht wird, zum Beispiel einen bug-fix, dann ersetzen Sie einfach die foundation.css-Datei.
Wenn Sie Bearbeiten die Stiftung.css-Datei direkt und möchte, um die Rahmenbedingungen zu aktualisieren, dann müssen Sie manuell die updates selbst.
InformationsquelleAutor Ed Charbeneau
Best practice " ist zu Lesen Dokumentation auf Zurb Foundation website. Zweitbeste Praxis ist, öffnen sich 2 Ordner innerhalb Ihres download: css und js. Innerhalb dieser Ordner finden Sie:
app.css und app.js
Diese sind die Dateien Zurb pre-gemacht für Sie, so dass Sie beginnen können, überschreiben die Stile!
Ist es nicht empfehlenswert, zu berühren foundation.js oder Stiftung.css . Sie werden nicht in der Lage zu aktualisieren, für zukünftige Optionen oder Sie Bremsen kann etwas, das Sie nicht wollen, um zu Bremsen. Happy Coding!
InformationsquelleAutor Hercules S.
Tatsächlich ist, können Sie einfach die foundation.css-Datei. Wenn Sie erstellen eine benutzerdefinierte Foundation-CSS installieren, anstatt mit dem Standard-CSS installieren, die Anpassungen, die Sie angeben, befinden sich in dieser Datei. Wenn Zurb Los war um diese Datei ändern zu Adresse bugs und updates, diese Datei müsste dabei für alle installiert, wäre es nicht?
Zurb Dokumentation sagt " - Stiftung.css ist eine CSS-Datei, die Sie verwenden können, um Ihre Seiten, wenn Sie nicht brauchen, um pick-neben der tatsächlichen Grundlagen von CSS."
InformationsquelleAutor Malcolm
Tatsächlich der beste Weg, um das überschreiben der Stile auf Fundament (oder jeder größeren Rahmen) ist die Verwendung Ihrer SASS und/oder Kompass-version. (oder WENIGER, für diejenigen, unglücklich genug, um zu versuchen, Stil Bootstrap)
Ist es viel einfacher, durch zu gehen der _settings.scss-Datei, ändern Sie Farben, Höhen und Haltepunkte, als zu versuchen, slogging durch Tausende Zeilen css-code, um sicherzustellen, Sie haben überschrieben, alles, was Sie brauchen.
Ja, es ist ein bisschen eine Lernkurve, bis alles eingerichtet, aber es wird sparen Sie Stunden in der langen run.
InformationsquelleAutor RioBrewster