Как использовать переменные javascript при написании встроенных стилей CSS в шаблоне Jade? - PullRequest
7 голосов
/ 11 января 2012

Я пытаюсь динамически вставлять фрагменты CSS. В идеале это будет работать:

style(type='text/css')
    #header a#logo { background:url(constants.logo) no-repeat; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
        #header a#logo { background-image: url(constants.logo_2x); }
    }

К сожалению, constants.logo / буквально / помещен в DOM. Что работает, так это:

!= "<style type='text/css'>"
!= "#header a#logo { background:url('"+constants.logo+"') no-repeat; }"
!= "@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {"
!= "    #header a#logo { background-image: url('"+constants.logo_2x+"'); }"
!= "}</style>"

Есть ли лучший способ?

1 Ответ

18 голосов
/ 11 января 2012

Используйте #{variable} для печати переменной в тексте элемента.

...