問題タブ [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.

0 投票する
2 に答える
4074 参照

css - CSS Calc() に代わるものはありますか? LESS または SASS はピクセル計算に対するパーセントを行うことができますか?

calc() を使用せずにパーセントからピクセルへの計算を行う方法をしばらく探していました。calc を使用できるようにしたいのですが、現在モバイル サファリ (ios) は ios6 より前ではサポートしていません。LESSでこれを行う方法はありますか? 計算ができることは知っていますが、私が知る限り、100% - 20px のようなことはできません。助言がありますか?

0 投票する
1 に答える
1906 参照

pug - Jade ファイルに埋め込まれたインライン Stylus コードで Stylus プラグインを使用することは可能ですか?

各ファイルが自己完結型のページである Web ページのスクラッチ ファイルのディレクトリを作成できるようにしたいと考えています。

これは、通常の HTML/CSS/JS を使用すると非常に簡単です。

Jade/Stylus/CoffeeScript でも同様に簡単です。

問題は、Stylus プラグインをこのように使用する明確な方法がないということです。具体的には、 colorspaces.jsnibを使用して、より効果的に色を試してみたいと思います。

私が現在使用している回避策


これらの行を次のように変更することで、ジェイドをフォークできます。

また、Jade の依存関係をインストールすると (私は と を実行する必要がnpm install commanderありましたnpm install mkdirp)、移動して を実行でき/jade_fork/bin/ます./jade name_of_file.jade


しかし、メンテナンス上の理由から、Jade のメイン ブランチに留まりたいと考えています。

0 投票する
2 に答える
2805 参照

bash - Inotifywaitはコマンドを実行しません

watch.shという基本的なinotifywaitスクリプトと、同じディレクトリに.stylで終わるファイルがいくつかあります。これが変更をキャッチするスクリプトですが、do/done内でコードを実行しません

私はそれを次のように初期化し、これsh watch.shがスクリプトです

echo "hi"exec部分に入れてみましたが、何も実行されません

0 投票する
1 に答える
700 参照

node.js - jade/haml、sass/stylus、coffee (おそらく AMD) の開発環境 - nodejs

私は最近jsfiddleからcodepen.ioに切り替えました-すべての可能性を長い間見てきた後-そしてそれを楽しんでいます

同様の環境をローカルで複製して、理想的には jade/stylus/coffee を構築したいと考えていますが、最初の 2 つの同等物は問題ありません。Node.js ベースが理想的です。brunch.io のようなものは、私の欲求に対して少し抽象化されすぎています。

理想的には、Chocolat スタイルの環境を提供し、ファイル システムとビルド プロセスを管理する SaaS IDE が欲しいのですが (何か知っていますか?)、何も思いつきません ;-)

質問に戻ると、適切なノード モジュール、単純なスキャフォールド、および適切な監視コマンドを 1 つにまとめたスターター キットを知っている人はいますか?

それは私が自分で構築できるものですが、私が活用できるものがあるかどうかを確認するのが最善だと考えました.

...brunc との別の計画もあるかもしれません

0 投票する
1 に答える
978 参照

node.js - スタイラスペン、NodeJS、Nodemon

私のnodejsアプリケーションにスタイラスを使用しています(エクスプレスではなく、単なるノードです)。また、nodemonを使用して変更を監視し、アプリを再起動せずに適用します。アプリを実行する小さなshスクリプトがあります。

ご覧のとおり、アプリケーションを実行する前に、スクリプトが見つかった場合は、スタイラスをcssにコンパイルします。これはスタイラススタイルをコンパイルする正しい方法ですか?または、コード内でjsライブラリを使用する必要がありますか?

また、アプリケーションを実行する前にコンパイルされるため、アプリケーションを再起動しない限り、*stylの変更は反映されません。

これを達成する方法はありますか?アプリを再起動せずにファイルが変更されたときにコンパイルするようにスタイラスを設定するには?

0 投票する
2 に答える
2195 参照

node.js - スタイラス ファイルに渡されるノード アプリ変数

小さなノード アプリを作成し、Express と Jade および Stylus を使用して、いくつかの基本的な HTMl ページをレンダリングしています。

Nodeから生成された.stylファイルにいくつかの変数を渡す方法があるかどうか興味がありましたか? .styl ファイル内で変数を定義できることはよく知っていますが、より動的にする必要があります。具体的には、いくつかの色をデータベースに保存し、ノードにそれらの値を取得させ、それらを .styl ファイルに挿入して、ページがレンダリングされるときにこれらの変数が渡されるようにする簡単な方法を探していました。 -できますが、詳細が不足しています。どんな助けでも大歓迎です。ありがとう!

0 投票する
0 に答える
509 参照

stylus - スタイラス: --watch は間違ったファイルを自動的に再コンパイルします

私の場合、たとえば、以下のようにいくつかの common.styl を含む 2 つのスタイラス ファイルがあります。

ホームページ.スタイル

記事.スタイル

をセットアップしてファイルをstylus -w stylus/ -o css/変更するとcommon.styl、スタイラスは再コンパイルされたarticle.styleだけで、homepage.styl無視されました。

これについて何か考えがありますか?

ありがとうございます。

0 投票する
2 に答える
1235 参照

javascript - 一般的なスタイラス「ライブラリ」はありますか

stylusたとえば、私がやりたいことのほとんどのようです。

他の人がしていることとかなり共通しているはずです。

使用されている一般的なstylus「ライブラリ」はありますか?

0 投票する
1 に答える
596 参照

node.js - Stylusを使用してnginxが提供するCSSファイルを作成する

node.js環境では、毎回生成するのではなく、によって提供されるディレクトリにファイルを書き込みたいと考えてstylusいます。.css.cssnginx

名前のバージョン管理部分、たとえば、client-<unixTime>.cssnginx幸せになり、ページキャッシュは正しく機能するようです。

これを支援するために利用できる既存のツールはありますか?

0 投票する
1 に答える
104 参照

html - スタイラス機能を使用する際に長針カラー値を保持する

Internet Explorer のフィルター グラデーションを作成する小さな mixin を作成しようとしています。この関数は filter-gradient と呼ばれ、2 つの色パラメーターを取ります。

たとえば #ffffff のカラー値を渡すと、スタイラスはこれを自動的に #fff に短縮します。ロングハンドバージョンを維持する方法はありますか?

ありがとう