Comment avez-vous d'utiliser des variables javascript lors de l'écriture des styles CSS en ligne dans un modèle Jade

Question

Je suis en train de insérer dynamiquement des extraits de CSS. Idéalement, cela fonctionnerait:

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); }
    }

Malheureusement, constants.logo est / littéralement / placé dans les DOM. Qu'est-ce que le travail est le suivant:

!= "<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>"

Y at-il une meilleure façon?

Answer 1

Utilisez #{variable} pour imprimer une variable dans le texte d'un élément.