/ / Stiftung 5 custom sass project setup - zub-foundation, kompass-sass, kompass, zurb-foundation-5

Stiftung 5 custom sass project setup - zub-foundation, kompass-sass, kompass, zurb-foundation-5

Ich habe ein Projekt, das ich gerne verwenden würdeStiftung 5 mit. Ich habe die Schritte zur Erstellung eines neuen Foundation-Projekts mit dem CLI durchgeführt, aber ich mag es nicht. Es gibt zu viele Dateien und die Struktur passt nicht zu dem, was ich will.

Ich beabsichtige, nur die erforderlichen Dateien meinem Projekt hinzuzufügen und Kompass zu verwenden, um alle CSS zu kompilieren.

Ich habe in dem Projekt, das auf der CLI erstellt wurde, einige Dinge bemerkt, die mich verwirren und ich möchte etwas Hilfe bei der Klärung.

  • In dem auf der CLI erstellten Projekt gibt es zwei _settings.scss Dateien unter bounce_components und one in das Foundation-Verzeichnis MY_PROJECTscss. Ich nehme das deshalb an add_import_path "bower_components/foundation/scss" Linie in der config.rb, welche dieser Dateien hat Präferenz?

  • Warum tut MY_PROJECT/stylesheets nicht normalize.css (oder foundation.css) drin? Und wie sind sie nicht da? (In meinem benutzerdefinierten Setup werden sie generiert, wenn auch in Unterverzeichnissen von stylesheets, auch die foundation.css das ist für mich generiert hat keine Einstellungen Änderungen angewendet, so denke ich, es sollte nicht generiert werden)

Antworten:

0 für die Antwort № 1

Wenn du hineinschaust bower_componentsfoundationscss Du wirst die Datei sehen foundation.scss. Diese Datei importiert alle Stylesheets für alle zusätzlichen Komponenten, die im Foundation 5 "-Paket enthalten sind." In deiner Wurzel scss Verzeichnis, das app.scss ist, was die SASS zusammensetzt stylesheetsapp.css. Also eher als das:

@import "foundation";

Kommentar zu den einzelnen Komponenten, die Sie verwenden werden.

@import
//"foundation/components/accordion",
//"foundation/components/alert-boxes",
"foundation/components/block-grid",
//"foundation/components/breadcrumbs",
//"foundation/components/button-groups",
//"foundation/components/buttons",
"foundation/components/clearing",
"foundation/components/dropdown",
//"foundation/components/dropdown-buttons",
//"foundation/components/flex-video",
"foundation/components/forms",
"foundation/components/grid",
//"foundation/components/inline-lists",
//"foundation/components/joyride",
//"foundation/components/keystrokes",
//"foundation/components/labels",
//"foundation/components/magellan",
//"foundation/components/orbit",
//"foundation/components/pagination",
//"foundation/components/panels",
//"foundation/components/pricing-tables",
//"foundation/components/progress-bars",
"foundation/components/reveal",
"foundation/components/side-nav",
//"foundation/components/split-buttons",
"foundation/components/sub-nav",
//"foundation/components/switches",
"foundation/components/tables",
//"foundation/components/tabs",
//"foundation/components/thumbs",
//"foundation/components/tooltips",
"foundation/components/top-bar",
"foundation/components/type",
"foundation/components/offcanvas",
"foundation/components/visibility";

Wenn Sie Ihre Dateistruktur optimieren möchten, würde ich vorschlagen, dass Sie alle scss-Dateien aus der bower_componentsfoundationscssfoundationcomponents Verzeichnis, das Sie nicht verwenden werden. Gleiches mit dem js Verzeichnis. Du musst wirklich nichts in den ändern bower_components Verzeichnis, um alles zum Laufen zu bringen. Nicht ganz sicher, warum alles darin enthalten ist bower_components, aber ich denke, es hat etwas damit zu tun, die Kernkomponenten später mit zukünftigen Versionen zu aktualisieren.

Jemand anders könnte wahrscheinlich eine fundiertere Antwort geben.

p.s. - stellen Sie sicher, dass compass watch in Ihrem CLI, um eine der Änderungen an Ihren SASS-Dateien zu sehen.


Verwandte Fragen


Kommentare (0)

Einen Kommentar hinzufügen