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

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

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

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

unexpected text }

Ответы

Ответ 1

Есть три способа поместить текст внутри ваших тегов в 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;
            }

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

Ответ 2

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

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

Получил это от: https://github.com/mquandalle/meteor-jade/issues/102, где сообщение предлагает использовать "точечную нотацию"

Ответ 3

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

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

Затем в этот файл include добавьте тэг style и стили

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

Ответ 4

Работайте со мной в нефритовом файле

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