問題タブ [stylus]

すべてを試しましたが、メディア クエリで Stylus CSS プリプロセッサに変数を使用させることができません。

たとえば、これは機能しません:

誰でもこれを行う方法を知っていますか?

次のようなプロパティのミックスインを作成するのborder-radiusは簡単です。

しかし、透過的なベンダーミックスインを作成したい場合はどうなりlinear-gradientますか？とは異なりborder-radius、linear-gradientはプロパティではなく引数です。たとえば、

background-imageと呼ばれるミックスインを作成し、最初の引数がであるかどうかを確認する必要があると考えていますlinear-gradient。スタイラスはそのような高度なロジックに対応していますか？もしそうなら、どうすれば私がやろうとしていることを達成できますか？

この件について助けてくれてありがとう。

Stylus をセットアップしようとしたとき、最初は非常にイライラしていました。なぜなら、srcとのdest設定を調整し、ノードを再起動し、リフレッシュし、Stylus がコンパイルされていなかったからです。のようなページにありましたhttp://localhost:3000/tasks。ただし、srcとのdestパスは正しく、Node を再起動してインデックス ページを読み込もうとするとhttp://localhost:3000、Stylus は正しくコンパイルされました。

正しくコンパイルされていることがわかりましたが、ホーム URL からのみです。ホーム ページから更新するまで .styl ファイルへの変更は更新されないため、何か設定が間違っているのではないかと考えています。 、GET パラメータ ページではありません。

私が説明しているのは通常のプロセスですか、それとも、ファイルの変更に気付いた場合、URL が何であれ、Stylus は再コンパイルする必要があり.stylますか?

Backbone.js と Express を使用して UI をセットアップする、Balloons (http://balloons.io) から始まるアプリケーションを構築しようとしています。私はこれらのフレームワークを使用したことがなく、実際に変更を加えるのに苦労しています。

私が理解しているように、.styl ファイルは CSS ファイルにコンパイルされます。このコンパイルを行うにはどうすればよいですか?

シンプルなプロジェクトでスタイラスをセットアップし、このコマンドを実行しています

初めて問題なく動作し、ソースファイルを更新したときに認識しますが、宛先に空のファイルが保存されます。

何か案は？

私はノード v0.6.21 を使用しています - --compress を使用した場合と使用しない場合で試してみましたが、違いがある場合は

編集

コマンドの書き方はいろいろあると思いますが、そうではないと思います。

も同じ問題を抱えています

CSSクラスaa、bb、およびccを含むこのHTMLについて考えてみます。

class=cc次のようにタグを選択できます.aa > .bb > .cc。ただし、私の場合、.bbタグがない場合があります。つまり、HTMLは次のようになります。

.ccしたがって、に近いものをすべて選択するには.aa、2つのCSSパスを指定する必要があります。

これは機能しますが、もっと短い方法はありませんか？これに似たもの：

CSSまたはStylusやL​​ESSのようなもので？

動機：現実の世界では、「aa」と「bb」と「cc」はやや長い名前であり、「aa」と「cc」の前後にはもっと多くのものがあり、複製する必要がないのはいいことですそのもの。

注意：私の場合、これは機能しません。ページの他の場所で.aa .cc一致するものが多すぎるためです。.ccは.cc、のすぐ下.aa、またはのいずれかである必要があります.aa > .bb。

これが私のメイクファイルです：

この例は毎回コンパイルされます。これは、CSS ファイルが存在しない/存在しないためです/build。ソースを再コンパイルせずに別のディレクトリにビルドするにはどうすればよいですか?

ありがとう！

私は自分のプロジェクトを持っていて、express2.5.7からexpress3.0.3にいくつかのコードを移植していました。ほぼ1：1の転送だと思っていましたが、指定したディレクトリにスタイラスファイルをコンパイルできないという問題が発生しています。これが私の基本的なapp.jsセットアップです：

私はapp.configureものをテストしました、そしてそれは正しいメソッド（「dev」と関数だけで設定する）を通過しています

rake-pipeline-web-filters gemを使用して、.stylファイルで「スタイラス」を実行するだけの簡単なRakePipelineセットアップがあります。（元のパイプラインははるかに多くのことを行いますが、私はそれをこの質問の要点に切り詰めました。

これは、個々の.stylファイルを個々の.cssファイルに変換する場合に正常に機能します。

ただし、Stylus @importコマンドを使用して、あるファイルを別のファイルにインポートすることはできません（特にミックスインに必要です。代わりにエラーが発生します）

すべてのstylファイルは同じフォルダーにあり、npmバージョンを使用してコマンドラインでスタイラスを実行すると、インポートは正常に機能するため、構文エラーは発生しません。

これは、rake-pipeline-web-filtersのスタイラスフィルターに欠けているものですか、それとも機能させるためにできることはありますか？

これをスタイラスで使用するチャンス：

ホイットアウト

Thnx