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

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

3 голосов
/ 31 июля 2011

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

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

1 Ответ

5 голосов
/ 31 июля 2011

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

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

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

...