Question

我的一些sass源代码中有一个Markup注释，如下所示：

// Headings
//
// Markup:
// <h1 class="{$modifiers}">H1 Heading</h1>
// <h2 class="{$modifiers}">H2 Heading</h2>
// <h3 class="{$modifiers}">H3 Heading</h3>
// <h4 class="{$modifiers}">H4 Heading</h4>
// <h5 class="{$modifiers}">H5 Heading</h5>
// <h6 class="{$modifiers}">H6 Heading</h6>
//
// .subheader - Subheader class
// .secondary-header - Secondary header class
//
// Styleguide 4.1

在生成的输出中，我得到默认stle和两个修饰符类的输出。但是，它们看起来完全一样在检查元素时，很明显模板没有解除引用{$ modifiers}

<div class="kss-modifier__name kss-style"> .subheader </div>
<div class="kss-modifier__description kss-style"> Subheader class </div>
<div class="kss-modifier__example">
<h1 class="{$modifiers}">H1 Heading</h1>
<h2 class="{$modifiers}">H2 Heading</h2>
<h3 class="{$modifiers}">H3 Heading</h3>
<h4 class="{$modifiers}">H4 Heading</h4>
<h5 class="{$modifiers}">H5 Heading</h5>
<h6 class="{$modifiers}">H6 Heading</h6>
</div>

这是使用kss-node 2.0.2

对我在这里做错了什么的想法？我已经将我的模板与另一个有效的项目模板进行了比较，但我没有看到相关部分的任何差异。

Answer 1

从那时起，我认为kss已经改变了一点，或者您使用了错误的修饰符类？

根据规格：

如果在标记中包含{{modifier_class}}，则生成的样式 guide会在显示时使用正确的CSS类每个修饰符的样本。

https://github.com/kss-node/kss/blob/spec/SPEC.md

kss-node不解除引用修饰符

1 个答案: