問題タブ [stylus]
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.
css - 特定のプレフィックスのジェネリック Stylus ミックスインを作成する方法は?
現在、ベンダー固有の CSS プロパティを回避するために Stylus を使用しています。
ただし、これは に対してのみ機能し、またはに対しては機能animation
しません。animation-name
animation-duration
animation-*
プロパティ名の末尾に関係なく、任意の の mixin を作成する方法はありますか?
css - Stylusで複数のCSSファイルを作成するにはどうすればよいですか?
デスクトップ/ラップトップのWebページコンポーネントとiPadコンポーネントを備えたアプリケーションに取り組んでいます。どちらのコンポーネントもNodeとStylusからのものです。1つのStylusファイルから2つのCSSファイルを作成するにはどうすればよいですか。1つはデスクトップ用、もう1つはiPad用ですか。
css - スタイラス セレクター内でのフィルタリング
私は.list
すべて赤い色を必要とするいくつかの要素を持っています。これらの.list
要素のうち、クラスのあるもの.foo
はより大きなフォント.bar
が必要ですが、より小さなフォントが必要になります.
CSS では、次のようになります。
Stylus で.list
3 回使用せずにこれを取得する方法はありますか? 私はこれが機能することを知っています:
代わりに、特定のプロパティに.list
特定の制約 ( .foo
、 ) を追加して、すべてが要素に属していることを明確にするために、次のようなものが欲しいです。.bar
ただし、次の例では代わりに子孫が選択されます。
この種の構造を可能にする Stylus の構文はあり ます.list
か。.list.foo
.list.bar
css - SASS/Stylus - リストを動的に定義する
SASS と Stylus を使い始めましたが、要素をリストにプッシュするのに問題があります。
例えば:
$names
既存の名前をすべて再指定せずに、自分の名前をリストに追加したい。出来ますか?
objective-c - Objective-Cのスタイラスパーサーを知っている人はいますか?
定期的にウェブ開発を行うために、ネイティブのObjective-Cアプリをコーディングしています。これは、入力時にWebサイトのcssソースをリアルタイムで変更するCSSエディターです(リロードなし)。それは実際に機能します。しかし、入力構文として「スタイラス」を使用したいので、高速パーサーが必要です。
それで、誰かがスタイラスのobjective-cポートを知っていますか?
私はいつでもフォールバックしてJSまたはnode.jsを介して解析できると思います。しかし、私はそれはそれほど速くないと思いますか?
助けていただければ幸いです。
css - Express.jsでcssを動的にレンダリングできますか?
リクエストごとにオンザフライで生成されるcssをレンダリングしたいと思います。
たとえば、Express.jsには次のルートがあります。
一致するリクエストを受け取ったら、リポジトリからクライアントを検索して、テキストの色を引き出したいと思います。次に、この色をcss応答にプッシュします。
less / stylusで解析できるstyle.lessなどのテキストファイルをレンダリングできるテンプレートエンジンはありますか?
アイデア、代替戦略はありますか?
乾杯、ゴードン
css - Stylus(nodejs).stylファイルを2つの異なるcssファイル(モバイルとデスクトップ)にコンパイルします
1つのスタイラスファイルを2つの異なるcssファイルにコンパイルすることは可能ですか?たとえば、ipad Webアプリの場合-mozなどのcssオンラインWebキットには興味がないので、1つはモバイル用に、もう1つはクロスブラウザーアプリ用に最適化されていますか?
ありがとう
node.js - 「stylesheets」ディレクトリを含まない src および dest パスを Stylus で使用させる方法はありますか?
最近、Node と Stylus の使用を開始しましたが、この問題に遭遇しました。生成した css を /public/stylesheets ではなく /public/css に保持したいのですが、Stylus の構成オプションではそれができないようです。
上記のコードのコメントは、Stylus の例からのものです。src および dest プロパティの場合、"/stylesheets" が自動的に追加されます (元の例のコメントが示すように)。これは不要なようで、それをオフにする方法があるかどうか疑問に思っています。
node.js - Node.jsはスタイルシートを提供するのに4.0分かかります
私はNode.js/Expressで遊んでいて、ここのチュートリアルに従っています。app.jsを起動しようとすると、style.cssの送信中にタイムアウトになるまで4分かかります。Chromeを使用してネットワークトラフィックを監視しています。スタイラスのセットアップで何かが足りませんか?
これは私のapp.jsです:
編集:
私は問題を見つけました。
を削除しましたがmodule.exports
、機能しているようです。
編集:
Nodejsでこの問題が発生した場合は、単に再インストールしてください。
css - スタイラスのリテラルcss内に変数を入れることはできますか?
私はこのようなスタイラスの機能を持っています
Internet Explorerのグラデーションスタイルを文字通りのcssスコープ内にラップする必要があります@css
。そうしないと、スタイラスがクラッシュします。おそらくコロンか何かが多すぎます。いずれにせよ、変数color1
とcolor2
は文字通りcssスコープ内で取得されるため、スタイルが崩れます。
変数を解析するためにcssスコープを取得する方法はありますか?または、文字通りのcssスコープを使用せずにスタイラス内でフィルタースタイルを取得する方法はありますか?