/ / Foundation 5 setup di progetto sass personalizzati - zurb-foundation, compass-sass, compass, zurb-foundation-5

Fondamentale per la progettazione di 5 sass personalizzati - zurb-foundation, compass-sass, compass, zurb-foundation-5

Ho un progetto che vorrei usarefondazione 5 con. Ho seguito le fasi della creazione di un nuovo progetto di base utilizzando la CLI ma non mi piace: ci sono troppi file e la struttura non corrisponde a ciò che voglio.

Ho intenzione di aggiungere solo i file richiesti al mio progetto e utilizzare la bussola per compilare tutti i CSS.

Ho notato nel progetto creato sulla CLI alcune cose che mi confondono e vorrei un aiuto nel chiarirle.

  • Nel progetto creato sulla CLI ce ne sono due _settings.scss file uno sotto la directory di base in bower_components e uno in MY_PROJECTscss. Lo presumo per questo add_import_path "bower_components/foundation/scss" linea nel config.rb, quale di questi file ha una preferenza?

  • Perché lo fa MY_PROJECT/stylesheets non ha normalize.css (o foundation.css) in esso? E come stanno non li? (nel mio setup personalizzato vengono generati, anche se in sottodirectory di stylesheets, anche il foundation.css che viene generato per me non ha applicato modifiche alle impostazioni, quindi suppongo che non dovrebbe essere generato)

risposte:

0 per risposta № 1

Se dai un'occhiata dentro bower_componentsfoundationscss vedrai il file foundation.scss. Quel file importa tutti i fogli di stile per tutti i componenti aggiuntivi inclusi nel pacchetto Foundation 5 "." Nella tua radice scss directory, il app.scss è ciò che compila il SASS in stylesheetsapp.css. Quindi piuttosto che questo:

@import "foundation";

Rimuovi il commento dai singoli componenti che utilizzerai. Qualcosa del genere:

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

Se ti piacerebbe semplificare la struttura del tuo file, ti suggerirei di rimuovere qualsiasi file scss dal file bower_componentsfoundationscssfoundationcomponents directory che non userete. Lo stesso con il js directory. In realtà non è necessario modificare nulla in bower_components directory per far funzionare tutto. Non del tutto sicuro del motivo per cui è tutto contenuto all'interno bower_components, ma immagino che abbia qualcosa a che fare con la possibilità di aggiornare i componenti principali in un secondo momento con le versioni future.

Qualcun altro potrebbe probabilmente dare una risposta più istruita.

post scriptum - assicurati che compass watch nella tua CLI per vedere qualcuna di quelle modifiche apportate ai tuoi file SASS.


domande correlate


Commenti (0)

Aggiungi un commento