Come sovrascrivere le proprietà css di Zurb Foundation usando le rotaie 3.1?

Ciao, sto lavorando su una nuova app per i rails e ho appena iniziato a usare Foundation.Come sovrascrivere le proprietà css di Zurb Foundation usando le rotaie 3.1?

ho fatto l'installazione utilizzando

rotaie g fondazione: installare

tutto funziona come scontato di (voglio dire con questo posso vedere il CSS nel mio codice sorgente, e anche quello visivo effetto di esso; p)

ho appena non capire come sovrascrivere le impostazioni predefinite convenienze di ZURB Fondazione ...

ho visto o nline che ho supposto di modificare alcuni foundation.css o app.css ma qui sembra non essere alcun file come quello nella mia cartella dell'applicazione ....

Ho fatto l'installazione modificando il gemfile e poi installando un pacchetto.

applausi

fonte

2012-01-23 boby lapointe

Opzione 1: Poiché è stato installato attraverso bundler (supponendo che hai usato qualcosa come gem 'zurb-foundation'), non si avrà alcun file che possono essere modificati direttamente. È possibile eseguire l'override e lo stile come al solito modificando app/assets/stylesheets/application.css o aggiungendo nuovi file all'interno della directory. Ti consiglio di modificare Zurb in modo da poter continuare a ricevere i vantaggi di poter eseguire l'upgrade alle versioni più recenti di Zurb in futuro senza dover affrontare problemi.

Opzione 2: Se si sente che è necessario un maggiore controllo sulla personalizzazione e non siete preoccupati per le insidie di cui sopra, è possibile clonare/scaricare foundation-rails e copiare i file in vendor/assets al tuo Rails directory del stesso nome. Rimuovi zurb-foundation dal tuo Gemfile, rebundle e dovresti essere in grado di modificare le risorse direttamente nel tuo progetto.

Opzione 3: Verificare foundation-sass e provare Bussola. Non ho esaminato molto, ma dovresti avere un po 'di personalizzazione attraverso i mixin.

fonte

2012-01-23 20:43:45

Thx, l'opzione 1 è esattamente quello che mi aspettavo di fare. Per caso, sapresti come sovrascrivere tutti i div (voglio aggiungere un bordo su ognuno di essi in modo da poter capire meglio la griglia e nidificare). Perché la sovraimpressione di div.class funziona ma non div –

Hai provato ad aggiungere "! Important'? Ad esempio, 'div {border: 1px solid # 000! Important; } '. –

foundation_and_overrides.scss è incluso nel codice HTML dopo application.css. Ho trovato che l'altra risposta sull'aggiunta del mio CSS in foundation_and_overrides.scss ha funzionato meglio, non richiedendo l'uso eccessivo di! Importante. – LeBleu

e sì funziona se si fa le sostituzioni sul app/assets/stylesheets/application.css

ma è meglio se lo fate nel app/assets/stylesheets/foundation_and_overrides.scss,

anche nella parte superiore del file, c'è un mucchio di linee commentato, con quelle linee puoi anche modificare alcuni attributi!

fonte

2012-12-13 03:16:12 IvanSnek

Come sovrascrivere le proprietà css di Zurb Foundation usando le rotaie 3.1?

risposta

Problemi correlati