Вёрстка « Аналог SASS/SCSS для html
Если что-нибудь подобное SASS для создания html?
Вроде bem что-такое предлагает, но с кондачка там не разберешься, в отличие от SASS, где я подключил и начал работать, притом что из ruby только название знакомо )
Вообще, готов только ради @import использовать подобный скрипт, чтобы можно было в .template файле написать что-то вроде:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }
@import header;
<div class="content">content</div>
@import footer;
а на выходе получить полноценный html-файл.
Есть такие готовые решения?
Вроде bem что-такое предлагает, но с кондачка там не разберешься, в отличие от SASS, где я подключил и начал работать, притом что из ruby только название знакомо )
Вообще, готов только ради @import использовать подобный скрипт, чтобы можно было в .template файле написать что-то вроде:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }
@import header;
<div class="content">content</div>
@import footer;
а на выходе получить полноценный html-файл.
Есть такие готовые решения?
1 ответов
Не совсем понимаю зачем в наш век кому то понадобилось вручную набирать HTML файлы вне шаблонов, но раз уж у вас встала столько оригинальная задача, вам нужен Zen Coding.