KSS 样式指南中的元素不会被设置样式

Question

我使用kss-node并尝试最简单的项目。它只是使用了快速入门指南中的示例。

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元素看起来仍然是一样的，不是5px厚。该文件包含在html中，但是Dev Tools说"0规则"被应用

Answer 1

是否与css文件中使用的"//"注释有关?尝试使用预处理器和样式。SCSS文件作为源文件，然后包含sass生成的styles.css文件，其中不会有无效的"//"注释

Answer 2

这似乎有效｀/*硬性规则

标记:

---

Style guide: hard-rule*/'

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

Answer 3

我重读了kss-node的文档。推荐的方法似乎是创建一个kss模板，并在其中添加样式表。

我取了Robert的回购并执行

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

然后我添加以下行到my-template/index.html

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

显然，styles.css文件不会被复制到stylesguide目录。

虽然这并没有回答我最初的问题。我觉得它应该工作没有自定义模板。