W języku HAML na Ruby on Rails, jak korzystać z filtru sass?

Question

przypadku korzystania haml na Ruby on Rails, następnie

:sass 
    #someDiv 
    border: 3px dashed orange 

nie będzie miał żadnego <style> tag wokół nich.

a następnie

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

nie ruszy na filtrze :sass, ale

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

rozpocznie się na filtrze :sass, ale to jest poza znacznikiem <style>. Jak zatem można zastosować filtr :sass? Możemy ręcznie owijać wokół niego kod <style>, ale nie jest to typowe, że chcemy wygenerować css z sass, ale nie wewnątrz znacznika <style> w pliku HAML.

Answer 1

Dokumentacją związaną z Pańskim pytaniem jest here na haml-lang.com i bardziej szczegółowe wyjaśnienie na sass-lang.com.

Uważam, że brakuje wam tego, że sass nie powinien być używany w plikach haml. Powinny być umieszczone w public/stylesheets/sass z rozszerzeniem .sass. Zostaną one skompilowane do pliku .css w public/stylesheets, który następnie zostanie połączony z twoim layoutem.

z linku sas-lang.com:

Na przykład publiczny/stylów/Sass/main.scss zostanie skompilowany do publicznego/stylów/main.css.

byłoby wtedy użyć stylesheet_link_tag pomocnika (lub połączyć stylów ręcznie):

<%= style_sheet_link_tag 'main' %> 

Jeśli naprawdę trzeba użyć Sass ciągu haml, here jest odpowiedzią. Nie można zagnieżdżać filtrów w Haml. Ty widocznie trzeba zrobić coś takiego:

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

wierzę this była pierwotna odpowiedź z grup haml google.

Answer 2

Można również napisać niestandardowy filtr, aby wygenerować również tag stylu.

Poniższy przykład definiuje nowy filtr ": 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 

Więc można zrobić to tak :)

:csass 
    #someDiv 
    border: 3px dashed orange 

Answer 3

Since 4.0.0,

Filtr :sass teraz zawija swoje wyjście w tagu stylu, jak zrobić nową :less i :scss filtry.

Przed 4.0.0, po prostu zawinąć go w %style:

%style 
    :sass 
    // so sassy! ;)