問題タブ [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.
javascript - Spine を使用して Stylus で動的スタイルシートを作成する
Spine アプリケーションでさまざまなテーマを使用できるようにしたいと考えています。これらのテーマは、色とフォントのセットで構成されています。これらの色とフォントは、CMS で編集できます。
データベースから読み込まれたデータを使用して、Spine 内の Stylus で変数を定義できるかどうかを知りたいです。または、動的スタイルシートを作成することもできます。
Spine 内にスタイラスを要求してみました:
これにより、次のエラーが発生しました。
Spine で Stylus 変数を定義することは可能ですか? そして、どのようにスタイラスを必要としますか?
android - CSSメディアクエリとMyNexusOne(または他のAndroidフォン)
だから私は2台の電話をAndroidNexusOneと、100ドルの小売価格で購入した安価でシンプルなAndroidデバイスを持っています。
@mediaとCSSを使用してWebサイトのモバイルデバイスを使いやすくしようとしています(実際にはスタイラスとNode.JSを使用しているため、コードが少しおかしくなる可能性があります)。
だから私は自分のスタイルに以下を追加しました
最初は私の画面は超高解像度だと思っていましたが、これらのどれも安価なデバイスには役立ちません。私のブラウザではすべてが正常に機能しているように見えるので、困惑しています。
ありがとう!
node.js - Jade/Stylus で Node を使用する場合に最適な「GUI」IDE
私は端末ウィンドウと vi の世界から来て、Node.JS、Stylus、および Jade を使用してサイトを作成しました。問題は、私のガールフレンドが助けたいと思っていることですが、彼女の経験は、CSS と HTML 用の Dreamweaver スタイルの「GUI」IDE だけです。これに使用できる IDE はありますか? プロジェクトが現在公開されていないため、Cloud 9 は公開されていません。
javascript - CommonJS を使用して Spine で Stylus を要求するにはどうすればよいですか?
Spine アプリで Stylus が提供するJavaScript APIを使用したいと考えています。
これを行うには、Stylus が必要です。
Stylus は Hem の依存関係であるため、index.coffee でそれを要求しようとしました。
しかし、これはエラーになりました:
次に、package.jsonにStylusを個別に含めてみました
そして私のslug.jsonで
しかし、これによりサーバーログにエラーが発生しました:
Stylus を要求し、Spine でその API を利用するにはどうすればよいですか?
node.js - CoffeeScript と Stylus を使用した NodeJS/Express ワークフロー
ExpressJS を CoffeeScript と Stylus で使用することにしました。通常、CoffeeScript を使用するときは、coffee --watch
Compass/SASS と同様のことを行います。ここで、CoffeeScript と Stylus は NPM パッケージとして利用できるので、CoffeeScript と Stylus を作成し、必要に応じて Node/Express でコンパイルすることができないか考えていました。この方法では、もうウォッチャーは必要ありません。
また、を使用して高速アプリを作成するexpress -c stylus
と、次のapp.js
ように追加されます。
それは実際に何をしますか?CSS がコンパイルされていないように見えますか? 私が置くとき
デフォルトのstyle.stylファイルに追加し、サーバーを再起動すると、表示されないようです
css - Stylus の自動コンパイルの設定
Mac に node.js/stylus/nib をインストールしました。コマンド ラインで.styl
ファイルを手動でコンパイルできます。また、変更時に自動コンパイルをセットアップする方法を検索すると、.css
このようなことが引き続き発生することも知っていますが、それをどのように実装する必要があるのか わかりません(以前はnode.jsを使用したことがありません)。stylus.middleware()
.styl
そのコードをどのファイルに入れますか?
常に実行されるように、このコードを開始するにはどうすればよいですか?
これをセットアップできるようにするために、ノード側でいくつかのことが欠けていると思います。
css - スタイラスペンは有効なCSSでは機能しません
私がスタイラスを使用していたコンパイルの理由の1つは、スタイラスファイルの通常のcssで動作できることです(したがって、すべてを一度に変換する代わりに、必要に応じて変換できます)が、それは真実ではないようです。次の.stylファイル:
この.cssファイルにコンパイルします。
セレクターの最後にある余分なコンマは無効です。
スタイラスは通常のCSSで動作するはずではありませんか、それともこれはバグですか(npmの最新バージョンを使用しています)?
css - スタイラスペンとのミックスインから変数を返す
ミックスインまたは関数からローカルスコープに変数を適用することは可能ですか?例えば:
次の宛先に出力されます:
get-variablesmixinが$fooという名前の変数をローカルスコープに適用したためです。
これはスタイラスで可能ですか?そうでない場合、Sassで可能ですか?
css - スタイラスペンがコメントを正しく解析していませんか?
私は次のcssファイルを持っています:
ただし、解析しようとすると、次のエラーが発生します。
スタイラスに他のブロックされたコメントにも問題があることに気づきました(問題を解決するために削除しただけですが、何が起こっているのかを理解する必要があります)。
私はここで何が間違っているのですか?
css - スタイラスで解析するとbootstrap.stylが壊れます
私はスタイラスをtwitterブートストラップバージョン2.04でcssプリプロセッサを使用しようとしています。boostrapをダウンロードするときは、「stylus --css <bootstrap.css> bootstrap.styl」を実行して、bootstrap.stylファイルを作成できるようにします。ただし、ブラウザがbootstrap.stylを解析しようとすると、次のエラーが発生します。
追加の空白をチェックし、ファイルをhexdumpしましたが、何も問題がないようです。誰かが問題を特定できますか?