在 Ruby on Rails 上的 HAML 中，如何使用 :sass 过滤器？

Question

如果在 Ruby on Rails 上使用 HAML，则

:sass
  #someDiv
    border: 3px dashed orange

它们周围不会有任何

然后

:css
  :sass
    #someDiv
      border: 3px dashed orange

不会启动 :sass 过滤器，但

:css
:sass
  #someDiv
    border: 3px dashed orange

会启动 :sass 过滤器，但它位于 之外代码>标签。那么如何使用:sass过滤器呢？我们可以手动将

Answer 1

与您的问题相关的文档位于 haml-lang.com 的此处以及更详细的解释位于 sass-lang.com。

我相信您缺少的是 sass 不应该在您的 haml 文件中使用。它们应该放置在 public/stylesheets/sass 中，扩展名为 .sass。它们将被编译成 public/stylesheets 中的 .css 文件，然后将其链接到布局中。

来自 sas-lang.com 链接：

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

然后，您可以使用 stylesheet_link_tag 帮助器（或链接样式表手动）：

<%= style_sheet_link_tag 'main' %>

如果您确实需要在 haml 中使用 sass，这里 是回答。您不能在 haml 中嵌套过滤器。您显然需要执行以下操作：

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

我相信 这 是来自 haml 谷歌小组的原始回复。

Answer 2

自 4.0.0 起，

:sass 过滤器现在将其输出包装在样式标记中，新的 :less 和 :scss 过滤器也是如此。

4.0.0之前，只需将其包裹在 %style 中即可：

%style
  :sass
    // so sassy! ;)

Answer 3

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

下面的示例定义了一个新的 ':csss' 过滤器。

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