/ / Recupera i file di fondazione in Bussola / Rotaie - ruby-on-rails, sass, zurb-foundation, compass-sass

Recupera i file delle fondazioni in Bussola / Rotaie - ruby-on-rails, sass, zurb-foundation, compass-sass

Ho revisionato il mio CSS e forse ho rimosso alcuni dei miei file di base.

Ottengo un errore ogni volta che compilo qualcosa con @import foundation in esso: "File da importare non trovato o illeggibile: fondazione." Però, require foundation sembra funzionare e foundation.css è servito senza problemi.

Anche se aggiungo require foundation_and_overrides a application.scss, Rails si lamenta del @import foundation alla fine del file richiesto.

Concatenazione via require da solo andrebbe bene se volessi usare solo le classi / le regole di base di Foundation, ma ho bisogno di usare anche i suoi mixin e le variabili, di cui ho bisogno @import lavorare.

Ho provato a correre compass install foundation nella mia directory delle risorse, ma anche dopo aver massaggiato i file che mi danno, mi rimane lo stesso errore "File per importare non trovato o illeggibile: fondamento" (questa volta nel generato app.scss).

Come posso avere @import foundation lavorare?

Sono su Rails 3.2.13.

Dal mio Gemfile:

gem "sass-rails"      # version 3.2.9
gem "compass"         # version 0.12.2
gem "zurb-foundation" # version 4.2.1

MODIFICARE

In base allo stack trace, lib / sass / tree / import_node.rb: 45 lancia un SyntaxError. Questa linea assomiglia a:

paths = @options[:load_paths]

che rafforza il mio sospetto che si tratti di un problema di percorsi, e la gemma di sass non può semplicemente parlare con la gemma della fondazione. Non sono davvero sicuro di come indagare ulteriormente. Aiuto, per favore e grazie!

risposte:

0 per risposta № 1

Per recuperare i file di base, provare

rails g foundation:install

dovrebbe aggiungere foundation_and_overrides.scss alla pipeline delle risorse

o se non vuoi usare il generatore

/*= require foundation */

in app / assets / stylesheet / application.css

e

@import "foundation_and_overrides";

a app / assets / stylesheets / amn.scss

Per la seconda parte della tua domanda, correggimi se sbaglio, ma credo che i file scss vengano caricati dalla gemma della fondazione


0 per risposta № 2

Bene, sembra che io possa ottenere quello che voglio usando il metodo "orologio". Per farlo funzionare, ho dovuto creare config/compass.rb. Ecco cosa ho messo dentro:

require "zurb-foundation"

http_path = "/"
sass_dir = "app/assets/stylesheets"
css_dir = "app/assets/stylesheets"
images_dir = "app/assets/images"
javascript_dir = "app/assets/javascripts"

Quindi, dalla mia root dell'applicazione, ho eseguito compass watch.