問題タブ [less-mixins]

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 に答える
713 参照

css - ミックスインで未定義の数の引数を使用する

現在-webkit、Less CSSシートに特定の属性があります。これらを更新して、次のような属性mixinsを追加しようとしています。-moz

上記の例は正常に機能しますが、次のようなものもあります。

また、で定義されているよりも多くの引数があるため、 mixinasを呼び出すことはできません。だから私が今していることはこれです:.transition(border-color .3s, background .3s)mixin

これは面倒です。これまで使用されていなかった多くの引数を使用するときはいつでも、シートに冗長なコードを追加する必要があります。また、他のCSS3プロパティでもこの問題が発生します。たとえば、最初box-shadowに追加する必要がある場合などです。inset

mixinsCSS3のプロパティと同じように、Lessを使用して引数の数を柔軟に宣言する方法はありますか?

0 投票する
6 に答える
19120 参照

css - CSSが少ない:引数の数が可変のミックスイン

LESSでは、次のようなパラメトリックミックスインが可能です。

ただし、これは遷移などのプロパティで常に機能するとは限りません。複数のトランジションを作成しようとして、ミックスインを複数回呼び出そうとすると、最後のミックスインが以前に定義されたすべてのトランジションをオーバーライドします。これは、複数のトランジションを定義するための適切なCSS3構文が次のとおりであるためです。

複数のトランジションをミックスインとして定義するために私が考えることができる唯一の方法は、ミックスインをオーバーロードすることです。

可変数の引数を取り込んで適切な遷移CSSを構築するために、遷移ミックスインを定義するより堅牢で簡潔な方法はありますか?

コンテキスト:複数のプロパティに移行したい場合があります。たとえば、:hover背景色、ボックスシャドウ、テキストカラーなどの遷移をトリガーする場合があります。

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

css - レスミックスインで特定のクラス属性にアクセスするには?

私は.aClassを持っています

.anotherClass では、.aClass の幅属性の値に基づいて幅の値を計算したいと思います。

上記の例は機能しません。

less ドキュメントには何も見つかりませんでした。これを行う方法はありますか?

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

css - プロパティを mixin の引数として送信

すべてのメディア クエリを分割し、代わりに CSS プロパティを引数として渡したいと思います。

残念ながら、これは機能せず、Less が失敗します :(

0 投票する
3 に答える
1228 参照

less - LESS ミックスインでベンダー プレフィックスを追加する

このミックスインで構文エラーが発生します。

これを行う方法はありますか、または mixin 変数は ? の右側にある必要があり:ますか?

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

css - この LESS CSS Box-shadow mixin を単純化するには? (「方向」を持つ複数の影)

方向と数を取る「関数」を持たせるために、このコードを(おそらくループで)減らす方法は?

  • @dir= 必要な「方向」
  • @number= 影が必要な回数 (ここでは 10 回)
  • @color= 影の色

(動作しますが、使いにくい):

@dir影の方向を変えるパラメータがあります。この例では@dir = se、ここでse= 南東とします。これは、北西、北東、南西、南東でも同じです。

これを回避するには…?

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

less - LESS mixin 関数での条件付きパラメーターの検証

次の条件をLESSに変換するにはどうすればよいですか?

結果は次のようになります。

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

less - LESSで参照によってミックスインを呼び出すにはどうすればよいですか?

論理的な方法は次のとおりです。

しかし、解析エラーが発生します。

それを行う方法はありますか?

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

less - LESS CSS mixin で親プロパティを変更する方法

私はそのようなことをするためのより少ない構文を探しています:

パラメータまたはグローバル変数を使用してそれを行う方法は知っていますが、ホバー効果は常に背景色を変更するように設計されているとは限りません。