0

シンプルな Rails プロジェクト (ruby 1.9.3、rails 3.2.13) があり、Gumby CSS Frameworkを取り入れようとしています。フレームワークにはCompassが必要modular-scaleです。

完全を期すために、投稿の大部分に情報が含まれています。実際の問題については最後までスキップしてください。

作業ディレクトリはで監視されています

$ compass watch`

Compass は次のようにプロジェクトに組み込まれました。

compass create --app rails \
    -l ./app/assets/stylesheets/gumby/ \
    --using modular-scale

の内容config/compass.rbは次のとおりです。

require 'modular-scale'
project_type = :rails

また、Gumby ソース (SCSS) の場所は ですapp/assets/stylesheets/gumby。

結果としてコンパイルされた css が に表示されpublic/assets/gumby/gumby.cssます。

以下は私のGemfile内にあります

group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'compass-rails'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'modular-scale'
  gem 'gumby-rails'
  gem 'uglifier', '>= 1.0.3'
end

そしてbundle install、エラーなしで完了します。

でも...

提供されたすべてのページに次のエラー メッセージが表示されます。

Sass::SyntaxError in Users#index

PROJECT_ROOT/app/views/layouts/application.html.erb を表示すると、5 行目が発生します。

File to import not found or unreadable: compass/typography/vertical_rhythm.
Load path: Sass::Rails::Importer(PROJECT_ROOT/app/assets/stylesheets/gumby/_base.scss)
  (in PROJECT_ROOTr/app/assets/stylesheets/gumby/_base.scss)

何時間もいじくり回した後、Sass が Compass ライブラリを読み取れない理由がわかりません。

4

2 に答える 2

0

https://stackoverflow.com/a/9021785/1280997から解決策を見つけたと思います。

サーバーを削除config/compass.rbして再起動すると、当面の問題は修正されますが、現在直面している問題は次のとおりです。

Undefined mixin 'box-sizing'.
  (in PROJECT_ROOT/app/assets/stylesheets/gumby/_base.scss)
于 2013-07-03T14:36:56.430 に答える
0

よく調べた結果、Gumby を Rails に組み込む方法を見つけましたが、その過程で scss を編集できなくなりました。gumby-framework私は宝石を使ってこれをしました。READMEに従って、セットアップは簡単でした。

于 2013-07-03T18:33:58.057 に答える