Создание условных HTML-классов HTML5 Boilerplate в Slim

HTML5 Boilerplate использует следующие условные <html> классы:

<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>

Мне интересно, как я могу воспроизвести это в шаблоне на основе Slim.

Вот что у меня есть до сих пор:

doctype html
/! paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
/[ if lt IE 7 ]
    html class="no-js ie6" lang="en"
/[ if IE 7 ]
    html class="no-js ie7" lang="en"
/[ if IE 8 ]
    html class="no-js ie8" lang="en"
/[ if (gte IE 9)|!(IE) ]
    html class="no-js" lang="en"
head

Последнее условие доставляет мне неприятности.


html5boilerplate slim-lang
person Matthew Rankin    schedule 31.07.2011    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Похоже, вы можете использовать символ вертикальной черты, чтобы избежать обработки.

| <!--[if (gte IE 9)|!(IE)]<!-->
   <html class="no-js" lang="en"> <!--<![endif]-->

См. раздел Линейные индикаторы документации по API.

person Matthew Rankin    schedule 31.07.2011