使用指南针@import在Foundation项目上编译scss

时间:2016-01-08 14:08:51

标签: sass zurb-foundation compass-sass compass

一年前我做了一个基金会项目,一切顺利,但我现在需要做一些改动,现在我有编译scss的问题。 文件夹结构包含

  • Bower_components /
  • CSS /
  • 图像/
  • JS​​ /
  • SCSS /
  • config.rb

Config.rb看起来像这样

product_variant_index.rb

我正在使用Koala编译scss文件(mobile_CP.scss),如下所示:

ThinkingSphinx::Index.define 'products/product_variant', :with => :active_record, :name => 'variant_nl', :delta => ThinkingSphinx::Deltas::DelayedDelta do
     ... [Index definition]
end

ThinkingSphinx::Index.define 'products/product_variant', :with => :active_record, :name => 'variant_fr', :delta => ThinkingSphinx::Deltas::DelayedDelta do
     ... [Index definition]
end

现在我得到的错误是:

 # Require any additional compass plugins here.
    add_import_path "bower_components/foundation/scss"

    # Set this to the root of your project when deployed:
    http_path = "/"
    css_dir = "css"
    sass_dir = "scss"
    images_dir = "images"
    javascripts_dir = "js"

无法解开为什么我现在得到这个错误未定义的mixin'background-image',然后才能正常工作???我在监督什么吗?

1 个答案:

答案 0 :(得分:0)

我找到了解决这个问题的方法。我正在使用新版本的指南针(1.0.3)和sass(3.4.20),但事情是我用凉亭安装了基础项目,这对新版本没用,所以我不得不降级到指南针0.12 .7和sass 3.2.19。这符合我的代码没有错误。