/ / Foundation 5 custom setup sass projekta - zurb-temelj, kompas-sass, kompas, zurb-foundation-5

Zaklada 5 prilagođenih projekata sass - zurb-foundation, kompas-sass, kompas, zurb-foundation-5

Imam projekt koji bih želio koristititemelj 5 s. Prolazio sam kroz korake stvaranja novog projekta temelja pomoću CLI-a, ali mi se ne sviđa. Previše je datoteka i struktura ne odgovara onome što želim.

Namjeravam dodati samo tražene datoteke u moj projekt i koristiti kompas za sastavljanje svih css.

Primijetio sam u projektu stvorenom na CLI-u nekoliko stvari koje me zbunjuju i žele pomoć u njihovom čišćenju.

  • U projektu stvorenom na CLI-u postoje dvije _settings.scss datoteke jedan pod direktorij temelja u bower_components i jedan u MY_PROJECTscss, Pretpostavljam da zbog toga add_import_path "bower_components/foundation/scss" line u config.rb, koja od tih datoteka ima prednost?

  • Zašto je MY_PROJECT/stylesheets Nemate normalizaciju.css (ili foundation.css) u njemu? I kako nisu tamo? (u mom prilagođenom postava oni se generiraju, iako u poddirektorijama stylesheets, također foundation.css koji se generira za mene nema promjene postavki primijenjene pa mislim da ne bi trebao biti generiran)

odgovori:

0 za odgovor № 1

Ako pogledate iznutra bower_componentsfoundationscss vidjet ćete datoteku foundation.scss, Ta datoteka uvodi sve stilske listove za sve dodatne komponente koje dolaze u paket Zaklade 5 ". U svom korijenu scss direktorij, app.scss je ono što sastavlja SASS u stylesheetsapp.css, Dakle, umjesto toga:

@import "foundation";

Odbaci pojedinačne komponente koje ćete upotrijebiti. Nešto ovako:

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

Ako biste željeli pojednostavniti strukturu datoteka, predlažem da uklonite sve datoteke s bower_componentsfoundationscssfoundationcomponents koji nećete koristiti. Isto kao i js imenik. Ne morate ništa promijeniti u bower_components imenik kako bi dobio sve za rad. Nije sasvim sigurno zašto je sve sadržano bower_components, ali zamislim da ima veze s ažuriranjem jezgri komponenti kasnije s budućim izdanjima.

Netko drugi vjerojatno mogao dati više obrazovan odgovor.

p.s. - biti siguran za compass watch u vašem CLI-u da biste vidjeli bilo koju od tih izmjena na SASS datotekama.


Povezana pitanja


Komentari (0)

Dodaj komentar