Как преобразовать синтаксис стиля CSS в haml

Я получил неправильный haml в http://html2haml.heroku.com/

Как его правильно преобразовать?

Поскольку haml не отображал идентичный html при загрузке страницы

HTML

HAML http://html2haml.heroku.com/

%style{media: "screen"}
 :cdata
 img { display: none; }
 body { overflow: hidden; }
 \#canvas { position: absolute; top: 0; left: 0; }
2 ответа

Это должно работать

%body
 :css
 img { display: none; }
 body { overflow: hidden; }
 #canvas { position: absolute; top: 0; left: 0; }

PS Но это плохая практика для рендеринга html-содержимого, которое должно быть расположено в отдельном файле.


Вы можете попробовать htmltohaml

Входные данные:

Вывод:

%style{:media => "screen"}
 img { display: none; }
 body { overflow: hidden; }
 \#canvas { position: absolute; top: 0; left: 0; }

В любом случае, по словам Мандипа, я также рекомендую вам перемещать стили в таблицы стилей.

licensed under cc by-sa 3.0 with attribution.