我只能在Sass中使用嵌套

Question

我不确定我缺少什么，但我只能在我的rails文件中使用嵌套。我希望能够使用 mixins 和变量。

我的宝石文件是包含sass：

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

我的css文件名为custom.css.scss。我错过了什么？

Answer 1

来自Sass doc：

  

要在Rails 2中安装Sass，只需添加config.gem“sass”即可   到config / environment.rb。在Rails 3中，将gem“sass”添加到Gemfile中   代替。应放入.sass或.scss文件   public / stylesheets / sass，它们将自动编译到   公共/样式表中相应的CSS文件（如果需要）（Sass   模板目录是可自定义的...请参阅Sass参考   详情）。

我必须将css文件放在sass文件夹中

Answer 2

我希望您在application.css.scss文件中执行*= require_tree .之类的操作以包含样式表。

根据official documentation，这对mixins和变量不起作用：

  

如果你想使用多个Sass文件，你通常应该使用   Sass @import规则而不是这些Sprockets指令。运用   Sprockets指令所有Sass文件都存在于自己的范围内，   使变量或混合仅在文档中可用   在

中定义

有点糟糕，但如果你想让mixin和变量工作，你需要单独包含它们。使用require包含它们比使用import编译更快，除非存在共享变量或必要的依赖项，否则应该首选。

示例：

//= require navigation
//= require icons
//= require buttons
@import "variables.css.scss";
@import "mixins.css.scss";
@import "something_else.css.scss";