/ / Foundation 5 brugerdefineret sass projekt opsætning - zurb-foundation, kompas-sass, kompas, zurb-foundation-5

Foundation 5 brugerdefineret sass projekt opsætning - zurb-foundation, kompas-sass, kompas, zurb-foundation-5

Jeg har et projekt, som jeg gerne vil brugefundament 5 med. Jeg har været igennem trinnene med at skabe et nyt grundprojekt ved hjælp af CLI, men jeg kan ikke lide det. Der er for mange filer, og strukturen stemmer ikke overens med hvad jeg vil.

Jeg har til hensigt at kun tilføje de krævede filer til mit projekt og bruge kompas til at kompilere alle css.

Jeg har bemærket i projektet skabt på CLI et par ting, der forvirrer mig og gerne vil have hjælp til at rydde dem op.

  • I projektet oprettet på CLI er der to _settings.scss filer en under fundamentet bibliotek i bower_components og en in MY_PROJECTscss. Jeg antager det på grund af dette add_import_path "bower_components/foundation/scss" linje i config.rb, hvilken af ​​disse filer har præference?

  • Hvorfor gør MY_PROJECT/stylesheets Har du ikke normalisere.css (eller foundation.css) i det? Og hvordan er de ikke der? (i min brugerdefinerede opsætning genereres de, om end i underkataloger af stylesheets, også den foundation.css der genereres for mig, har ingen indstillinger ændret, så jeg antager, at den ikke skal genereres)

svar:

0 for svar № 1

Hvis du kigger indenfor bower_componentsfoundationscss du vil se filen foundation.scss. Denne fil importerer alle stylesheets for alle de ekstra komponenter, der kommer i Foundation 5 "pakken." I din rod scss katalog, den app.scss er hvad der kompilerer SASS i stylesheetsapp.css. Så snarere end dette:

@import "foundation";

Uncentent de enkelte komponenter, du vil bruge. Noget som dette:

@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";

Hvis du vil strømline din filstruktur, foreslår jeg at fjerne eventuelle scss-filer fra bower_componentsfoundationscssfoundationcomponents bibliotek, som du ikke vil bruge. Samme med js vejviser. Du behøver ikke at ændre noget i bower_components bibliotek for at få alt til at arbejde. Ikke helt sikker på, hvorfor det hele er indeholdt i bower_components, men jeg forestiller mig, at det har noget at gøre med at kunne opdatere kernekomponenterne senere med fremtidige udgivelser.

Nogen andre kunne nok give et mere uddannet svar.

P.S. - sørg for at compass watch i din CLI for at se nogen af ​​de ændringer, der er foretaget i dine SASS-filer.


Beslægtede spørgsmål


Kommentarer (0)

Tilføj en kommentar