問題タブ [knyle-style-sheet]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
648 参照

php - PHPのKSSスタイルガイドジェネレーター?

KSS (Knyle Style Sheets)が好きです。Ruby で書かれた元のスタイルガイド ジェネレーターを認識しており、Node への移植Rails エンジンを 見てきました。

他の実装は見つかりませんでしたが、知りたいの
ですが、PHP に KSS スタイルガイド ジェネレーターの実装はありますか?

(または、補足として、他の言語はありますか?)

編集: janivがコメントで言及しているように、github で利用可能なPHP 実装があります。

0 投票する
1 に答える
546 参照

css - kss-node を使用してスタイルガイドを生成するときの画像参照に関する問題

KSS の NodeJS 実装を使用しています。次のファイル構造があります。

次のコマンド ライン命令を実行することで、スタイルガイドを正常に生成できます。

sass解析するソース フォルダーstyleguide、宛先フォルダー、--cssおよびオプションは、それぞれメインのcss--templateファイルとテンプレートの場所をコンパイラに指示します。プロセス中に、css/styles.cssファイルの内容がコピーさstyleguide/public/style.cssれ、スタイルガイドによって参照されます。これはすべて素晴らしいです。

ただし、スタイルガイドによって生成および参照される css ファイルは、元の css ファイルとは異なるフォルダー構造 (ルートから 1 つではなく 2 つの深さ) に配置されるため、imagesフォルダーへの参照はすべて無効になります。元のcssファイルをcssディレクトリ内の別のフォルダーに配置してstyleguideフォルダー構造を模倣することなくこれを解決する方法はありますか(これは大規模なハックになります)?

また、通常の html マークアップ (scss コメントから派生) 内の画像へのその他の参照は、調整されたフォルダー構造を参照するように調整する必要があるため、私のコードの実際の実装を示すものではありません。これも解決する方法はありますか?

ありがとう

0 投票する
1 に答える
493 参照

twitter-bootstrap - KSS Knyle スタイル シート - 目次のサブ ナビゲーションの作成

そこで、KSS テンプレートを使用して、必要なもので動作するように修正しました。しかし今、私には小さな問題があります。各セクションが生成され、目次が作成されます。しかし、入力の 6 つのバリエーションを含む「入力」などのセクションがある場合、サブセクションを選択して、サイド ナビゲーションの目次のメイン セクションの下にサブセクションを作成できるようにする必要があります。

これが私のコードが今どのように見えるかです。各セクションなどを生成するときはすべてうまく機能しますが、左側のナビゲーションの下にサブセクションを作成する方法がわかりません。もちろん、私は KSS を使用しているので、それらを手動でコーディングしたくありません。

ここに画像の説明を入力

もちろん、適切なscssファイルで生成されるものは次のとおりです。ご覧のとおり、「入力」には多くのバリエーションがありますが、左側の目次には主要な「入力」セクションのみがあります。

ここに画像の説明を入力

0 投票する
1 に答える
254 参照

html - kss-node で生成された html で別のマークアップを使用するにはどうすればよいですか?

kss-node を使用してスタイルガイドを作成していますが、セクション ページごとに異なるマークアップ (つまり、異なる修飾子) を使用したいのですが、どうすればこれを実現できますか?

私の index.html テンプレートはこれを行います:

これを使用するセクション ページを取得するにはどうすればよいですか。

これの代わりに:

ハンドルバーの条件付き「if」ヘルパーを使用して、以下のコードのようなものを試しましたが、うまくいきませんでした:

私のKSSは次のようになります:(明らかにアイコンのものは異なります)