在RubyonRails中,如何使用:sass过滤器?

与您的问题相关的文档是 here 在haml-lang.com和更详细的解释 sass-lang.com .

我相信你缺少的是SASS不应该在你的HAML文件中使用。它们应该放在带有.sass扩展名的public/stylesheets/sass中。它们将被编译成公共/样式表中的.css文件,然后链接到布局中。

从sas-lang.com链接:

例如,public/stylesheets/sass/main.scss将编译为public/stylesheets/main.css。

然后使用 stylesheet_link_tag 帮助程序(或手动链接样式表):

<%= style_sheet_link_tag 'main' %>

如果你真的需要在哈姆里使用sass, here 就是答案。您不能在HAML中嵌套过滤器。你显然需要这样做:

%style(type="text/css") 
  :sass 
    div 
      color: red 

我相信 this 是哈姆谷歌集团的最初回应。

Since 4.0.0 ,

这个 :sass 过滤器现在将其输出包装在一个样式标记中,与新的一样 :less 和 :scss 过滤器。

在4.0.0之前,把它包起来 %style :

%style
  :sass
    // so sassy! ;)

您也可以编写自定义过滤器来生成样式标记。

下面的示例定义了一个新的“:csass”过滤器。

require "haml/filters"
module Haml::Filters::Csass
  include Haml::Filters::Base
  include Haml::Filters::Sass
  lazy_require 'sass/plugin'
  def render(text)
    src = super
    "<style>#{src}</style>"
  end
end

所以你可以这样做:)

:csass
  #someDiv
    border: 3px dashed orange