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#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宝石做了这个。按照自述文件进行设置很简单。

于 2013-07-03T18:33:58.057 回答