Stylus（nodejs）.stylファイルを2つの異なるCSSファイル（モバイルとデスクトップ）にコンパイル

1つのスタイラスファイルを2つの異なるCSSファイルにコンパイルすることは可能ですか？ ipad web appのために私は-moz etc cssのオンラインWebkitに興味がないので、モバイル向けに最適化され、クロスブラウザアプリケーション用に最適化されていますか？Stylus（nodejs）.stylファイルを2つの異なるCSSファイル（モバイルとデスクトップ）にコンパイル

おかげ

出典

2012-02-01 grookle

私は短い答えは、単一の.stylファイル与えられた、あなたは出力を単一の対応.cssのファイルということであると信じています。しかし、あなたの目標を達成する方法があります。 CSS3 media queriesを使用し、画面サイズに応じて同じスタイルシートに代替スタイルを作成させることができます。第二に、あなたはshared.stylscreen.styl

@import "shared" 
//Put your desktop web app overrides here

とmobile.styl

@import "shared" 
//put your mobile optimized overrides here

出典

2012-02-04 15:56:02

中で

//Put your default shared styles here

ではこの

ような何かをすることによって、あなたが必要とするほとんどのものを達成するために@importステートメントを使用することができますPeterに感謝します。私はこれのようなことをやっている、私がやったことは、スタイラスをデスクトップをターゲットにしているかのように使用して、cssファイルを解析し、webkit以外のプリフィックスを削除し、それを私のモバイル版として保存する単純なノードスクリプトを書くことである。そのハックのビットが、今私のために働くだろう。 – grookle

スタイラスにstyle.css以外のものをコンパイルするにはどうすればよいですか？ – Costa

Stylus（nodejs）.stylファイルを2つの異なるCSSファイル（モバイルとデスクトップ）にコンパイル

答えて

関連する問題