используя фильтр: sass с: css - PullRequest
Новая
       12

используя фильтр: sass с: css

2 голосов
/ 26 мая 2010

В настоящее время мы создаем виджет, который требует некоторых объявленных по умолчанию стилей вместе с ним (html-виджет включен в javasacript вместе с css по умолчанию в тегах стилей), но проблема в том, что я не могу «связать» фильтры haml. 1001 *

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

<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 с p плюс сгенерированный код css буквально сверху: 

p {color: #f00;}

paragraph here

Затем я попытался использовать: css фильтр haml, чтобы заключить вещь в теги стиля (теоретически тогда следует изменить цвет текста абзаца на красный): 

:css
  :sass
    p
      :color #f00

#widget-goes-here
  %p etc

Но это также не удалось, он сгенерировал теги стиля, но затем он просто заключил в него слова: sass p: color # f00 (он не анализировал код sass)

Мы изменили его на 

 :css
   p {color: #f00}

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

1 Ответ

10 голосов
/ 27 мая 2010

Также опубликовал это в группах haml, и это был ответ:

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

Вы хотите это для sass: 

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

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

...