kss - KSS Styleguide の要素がスタイルされない

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 ルール」が適用されていると表示されます

score 0 · Accepted Answer

cssファイルで使用している「//」コメントと何か関係があるのでしょうか? プリプロセッサと styles.scss ファイルをソースとして使用してみてから、無効な "//" コメントが含まれていない、sass が生成する styles.css ファイルを含めます。

score 0 · Accepted Answer

これは機能しているようです ` /* 厳しい規則

マークアップ:

スタイルガイド: ハードルール */ `

score 0 · Accepted Answer

kss-node のドキュメントを読み直しました。推奨される方法は、kss テンプレートを作成し、そこにスタイルシートを追加するようです。

私はロバートのレポを取り、実行しました

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

次に、次の行を my-template/index.html に追加しました

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

明らかに、styles.css ファイルは styleguide ディレクトリにコピーされません。

これは私の元の質問には答えませんが。カスタムテンプレートなしで動作するはずだと思います。しかし、これは私にとってはうまくいきます。

3 に答える 3