Come sovrascrivere le proprietà CSS di Zurb Foundation utilizzando i binari 3.1?

Question

Ciao, sto lavorando su una nuova app per i binari e ho appena iniziato a utilizzare Foundation.

Ho eseguito l'installazione utilizzando

rotaie g fondazione: installare

Tutto funziona come previsto (intendo dire che posso vedere il CSS nel mio codice sorgente e anche il suo effetto visivo ;p)

Semplicemente non capisco come sovrascrivere le proprietà predefinite di Zurb Foundation...

Ho visto online che dovrei modificare alcuni Foundation.css o App.css ma qui non sembra esserci nessun file del genere nella mia cartella dell'applicazione....

Ho eseguito l'installazione modificando il gemfile e quindi installando un bundle.

saluti

Answer 1

Opzione 1: Dal momento che l'hai installato tramite bundler (supponendo che tu abbia usato qualcosa come gem 'zurb-foundation'), non avrai file che puoi modificare direttamente.Puoi sovrascrivere e applicare lo stile come al solito modificando app/assets/stylesheets/application.css o aggiungendo nuovi file all'interno della directory.Lo consiglierei rispetto alla modifica di Zurb in modo da poter continuare a ricevere i vantaggi di poter eseguire l'aggiornamento alle versioni più recenti di Zurb in futuro senza dover affrontare problemi.

Opzione 2: Se ritieni di aver bisogno di maggiore controllo sulla personalizzazione e non sei preoccupato per le insidie ​​​​di cui sopra, puoi clonare/scaricare rotaie di fondazione e copiare i file vendor/assets nella tua directory Rails con lo stesso nome.Rimuovere zurb-foundation dal tuo Gemfile, rebundle e dovresti essere in grado di modificare le risorse direttamente nel tuo progetto.

Opzione 3: Guardare fondazione-sass e prova Compass.Non l'ho esaminato molto, ma dovresti avere una certa personalizzazione tramite i mixin.

Answer 2

E sì, funziona se fai le tue preventivi sul app/assets/stylesheets/application.css

Ma è meglio se lo fai in app/assets/stylesheets/foundation_and_overrides.scss,

Anche nella parte superiore del file, c'è un sacco di righe commentate, con queste righe puoi anche modificare alcuni attributi!