問題タブ [stylus]

.styl -filesとして使用しようとすると、WordPressのstyle.cssファイルで問題が発生します。これまでのところ、22のstyle.cssは、.cssから.stylに変更したときに機能する唯一のものです。

たとえば、style.cssをテーマ21またはNimble by ElegantThemesから.stylファイルにコピーして貼り付けると、コンパイルされず、CodeKitからエラーが発生します。

その周りからすべてのCSSを削除すると、エラーは別のコード行にジャンプします。css2stylus.comを使用してCSSからスタイラスペンを作成した場合にも同様のエラーが発生します。

だからあなたのために私より賢い人々：

1. スタイラスのデバッグはどのように行いますか？そのための賢い方法はありますか？コピーして貼り付けたCSSの場合、および.stylにコンパイルされている場合はどうなりますか？
2. Stylusと元のCSSで作成されたファイルを使用して個別のファイルをロードする以外に、コンパイルせずにstyle.cssファイルを機能させる方法はありますか？
3. この種の問題は、つまりSASSでは発生しにくいと思いますか？

したがって、WordPressでStylusを使用している人にとっては、いくつかの考えを共有することは非常に素晴らしいことです！

どうもありがとうございます。

私は多くのcssファイルと多くの出現を持っています：

スタイラスを使用しています。
ある日、上司からメディアクエリを次のように変更するように依頼されました。

次に、すべてのファイルを検索して、新しいメディアクエリに置き換える必要があります。

このメディアクエリをミックスインなどに入れるオプションはありますか？

ブランチウィズチャップリンアプリを持っています。Twitter Bootstrapを使用したいのですが、LESSで記述されているため、スタイラスバージョンに切り替えたいと思います。幸いなことに、そこにはブートストラップスタイラスnode_moduleがあります。だから私はそれを介してインストールしnpm install bootstrap-stylusます。しかし、モジュール内にあるスタイラスファイルを参照するにはどうすればよいですか？やってる

動作しません。/lib/bootstrapパスを追加することもありません。

私はファイルにあり"bootstrap-stylus": ">= 0.2"ますが、それでも行きません。何か案は？ありがとう。dependenciespackage.json

Express サーバーで Nib と Stylus を使用するプロジェクトがあり、いくつかの変更を行った後、.styl から .css へのこのコンパイル プロセスが機能しなくなりました。Nib、Stylus、および Express のドキュメントを探していましたが、私のコード、ファイルディレクトリ、および設定は問題ないように見えるため、問題への回答。しかし、まだコンパイルされません。

コード：

ドキュメント、Githubの問題を調べた後、動作を停止するためにどのような変更が加えられたのか理解できません. それで、私の質問は、この問題を解決するためにどのように、または何を探すべきですか?

事前に助けてくれてありがとう。

編集: user1737909 のアドバイスを実装しようとしました。.pie.size-{size}:BEFORE属性セレクター (つまり ) の代わりにクラス (つまり ) を使用する.pie[data-value={size}]:BEFOREと、最初のステップを通り越して、.css ファイルの読み込みが妨げられなくなりました。残念ながら、スタイラスで文字列を変数に連結するのが難しいため、回転量を設定できませんでした。次のいずれも機能しません。正しい構文は何ですか?

それができない場合、css/html ゲージを作成するためのアイデアはありますか?

mixinのすべての投稿に表示される放射状ゲージをCSSで作成しています。例として、CSS で円グラフを作成するためにこのコードを使用しています。円グラフ ウェッジの値の設定は、以下のコードの「データ値」を変更するのと同じくらい簡単です。

残念ながら、コードは静的 css に対応しています。

これは静的なイラストでは機能しますが、私のページにはさまざまなサイズのウェッジが含まれます。最も簡単な解決策は、360 度すべてに新しいエントリを作成することですが、これはひどい考えに思えます。

私の考えは、'data-value' を設定すると同時に、jade mixin 内の各ゲージのスタイルを定義することです。何かのようなもの：

残念ながら、設定されるスタイルは「.pie」ではなく「.pie:BEFORE」です。ミックスイン内でこの疑似要素を使用してスタイルを設定する方法はありますか?

あるいは、スタイラス内でこれを解決する方法はありますか? 私が取り組んでいるサイトはニュース アグリゲーターであり、どのユーザーもこれらのゲージを数十、場合によっては数百と見ることになります。このような環境では、360 セットすべてを CSS の一部として単純に送信し、将来キャッシュでそれらを参照する方が、それほど長期的ではないのでしょうか?

前もって感謝します。

私は何かを逃したように思えます。Grunt 内で Stylus または RequireJS のサブタスクを作成する可能性はありますか? 私はそのようなことを意味します：

私にとってはうまくいきません。しかし、私が書くとき：

それは正常に動作し、ファイルなどを作成します...では、何が間違っているのでしょうか?

私は Sinatra を使用しています。HTML には Slim を、CSS には Stylus を使用しようとしています。

これを行う正しい方法が何であるかはわかりません。私が現在持っているものはうまくいきますが（ローカルでは、展開を試みていません）、これが最も効率的な方法であるかどうか疑問に思っています。

私のlayout.slimファイルには次のものがあります：

..頭の中で。これは Stylus スタイルシートを使用する最善の方法ですか、それとも sinatra app.rb に /style パスを設定する必要がありますか?

私のコードは以下の通りです：

これは私のapp.rbです

ビューフォルダーには、次のようなlayout.slimがあります

このようなindex.slim

app.rbと同じフォルダーに、style.stylがあります。

Stylus で関数を引数として渡そうとし続けていますが、何もレンダリングされません。私は何を間違っていますか？私はこれを理解していません...

これにより、.myclass の黒い背景がレンダリングされると思います。

Stylus のサイトは現在ダウンしているため、関連するドキュメントへのキャッシュされたリンクを次に示します。

コンパイルされた CSS ファイルではなく、スタイラス ファイルに相対的なパスを定義できますか?

components/my-packagebowersフォルダーから直接インクルードされるはずのスタイラス ファイルを含む bower パッケージをビルドしようとしました。パッケージのアセットを参照するにはどうすればよいですか。パスは、コンパイルされた css ファイルに対してではなく、パッケージ フォルダーに対して相対的にコンパイルされます。

スタイラスは見栄えがしますが、チュートリアルはまったくありません。Stylusの設定方法を教えてください。つまり：

このようなすべての JavaScript コマンドをどこに、どのファイルに配置するか。

たとえば、ベースパスを含むcss変数が必要です：