Элементы в KSS Styleguide не будут стилизованы

Question

Я использую kss-node и пробую самый простой проект. Он просто использует пример из руководства Quickstart.

CSS находится в source/style.css

// Hard rules
//
// Markup: <hr>
//
// Style guide: hard-rule

hr {
  border-top: 5px solid #999;
}

Тогда я бегу

npm-exec kss-node --source source --destination styleguide --css ../source/style.css 

Первая проблема заключалась в том, что --css Опция требует относительный путь от того, где позже будет стиль.

Но элемент hr по-прежнему выглядит так же, а не толщиной 5 пикселей. Файл включен в html, но Dev Tools говорит, что применены "0 правил"

Answer 1

Кажется, это работает ` /* Жесткие правила

Разметка:

---

Руководство по стилю: hard-rule * / `

https://github.com/rcaracaus/kss-test

Answer 2

Может ли это иметь какое-то отношение к комментариям "//", которые вы используете в файле css? Попробуйте использовать препроцессор и файл styles.scss в качестве источника, а затем включите файл styles.css, который генерирует sass, в котором не будет недействительных комментариев "//".

Answer 3

Я перечитал документацию к kss-node. Рекомендуется создать шаблон kss и добавить туда таблицу стилей.

Я взял репо Роберта и казнил

npm-exec kss-node --init my-template

Затем я добавил следующую строку в my-template/index.html

<link rel="stylesheet" href="../source/styles.css">

Очевидно, файл styles.css не будет скопирован в каталог styleguide.

Хотя это не отвечает на мой первоначальный вопрос. Я чувствую, что это должно работать без пользовательского шаблона. Но это работает для меня.