Как использовать переменные javascript при написании встроенных стилей CSS в шаблоне Jade

Question

Я пытаюсь динамически вставлять фрагменты 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); } 
    } 

К сожалению, константы.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>" 

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

Answer 1

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