Как использовать тег стиля с шаблонами jade?

этот код стиль работал для меня несколько месяцев назад. Я обновил до последнего пакета Jade NPM, и теперь он не работает. Может ли кто-нибудь помочь мне с правильным способом встроить стиль в шаблон Jade? 

doctype 5
html(lang="en")
    head
        style(type='text/css')
           .ui-title {
                margin: 0.6em 10% 0.8em !important;
            }

Я получаю эту ошибку при закрытии }

unexpected text }
4 53
pug

4 ответа:

есть три способа размещения текста внутри ваших тегов в Jade

1. Поместите текст сразу после тега, например

h1 Some header text

и выход будет: 

<h1>Some header text</h1>

2. Поместите текст с отступом под тегом с | например

p
    | Some text goes 
    | here

и выход будет: 

<p>Some text goes here</p>

3. Суффикс тег с точкой и отступ вашего текста ниже (без |), например,

p.
    This way 3rd way of putting 
    text inside

и выход будет быть: 

<p>This way 3rd way of putting text inside</p>

Итак, исходя из вышеизложенного, подход, который вы выбрали (как и в вашем комментарии), является правильным (3).

doctype 5
html(lang="en")
    head
        style(type='text/css').
           .ui-title {
                margin: 0.6em 10% 0.8em !important;
            }

Я надеюсь, что поможет.

49

это сработало для меня:

style.
  body {
    background-color: {{themeColor}};
  }

получил его от:https://github.com/mquandalle/meteor-jade/issues/102 Где пост предлагает использовать "точечной нотации"

56

Это способ сделать это (дизайнерская версия)

include [some-html-include-name].html

затем в этот включенный файл поместите ваш style тег и стили

<style type="text/css">
/* your styles here */
2

Работа для меня в jade file

style(media='screen', type='text/css')
     @media (min-width: 1200px) {
        .container{
           max-width: 970px;
             }
          }
1