0

我的一些 sass 源代码上有一个标记注释,如下所示:

// 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

关于我在这里可能做错的任何想法?我已经将我的模板与另一个有效的项目中的模板进行了比较,我在相关部分看不到任何差异。

4

1 回答 1

0

从那以后,我认为 kss 发生了一些变化,或者您使用了错误的修饰符类?

根据规格:

如果您在标记中包含 {{modifier_class}},则生成的样式指南将能够在显示每个修饰符的示例时使用正确的 CSS 类。

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

于 2015-08-11T08:24:24.967 回答