2010-05-26 2 views
2

В настоящее время мы создаем виджет, для которого требуются некоторые объявленные стили по умолчанию (widget html включен javasacript вместе с по умолчанию css в тегах стиля), но проблема в том, t "цепные" фильтры haml.используя фильтр sass с помощью: css

То, что я пытаюсь сделать, это добавить внутреннюю таблицу стилей вместе с виджетом, как так:

<style type="text/css"> 
    p {color: #f00;} 
</style> 

<div id="widget-goes-here"> 
    <p>etc</p> 
</div> 

Мы используем HAML так что я пытался делать это с Sass фильтром:

:sass 
    p 
    :color #f00 

#widget-goes-here 
    %p etc 

, к сожалению, это только вызвало DIV с ар плюс сгенерированный код CSS буквально на вершине:

p {color: #f00;} 

paragraph here 

I т курица попытался с помощью: C фильтр Haml вложить вещь в тегах стиля (теоретически он должен затем включить цвет текста в абзаце на красный):

:css 
    :sass 
    p 
     :color #f00 

#widget-goes-here 
    %p etc 

Но это также не удалось, она генерироваться тегами стилей, но затем его просто заключены слова: Sass р: цвет # f00 в нем (это не разобрать код Sass)

Мы не изменить его

:css 
    p {color: #f00} 

, и она работала хорошо, но я все еще планирую делать стиль в sass (вместо простого старого css) есть ли способ сделать это?

ответ

10

размещены Также это в Haml группах, и это был ответ:

Вы не можете вкладывать фильтры.

вы хотите это для дерзости:

%style{:type => "text/css"} 
    :sass 
    div 
     color: red 

Ну, это могло бы быть красивее, если бы он был вложен.