問題タブ [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.
css - ミックスインで未定義の数の引数を使用する
現在-webkit
、Less CSSシートに特定の属性があります。これらを更新して、次のような属性mixins
を追加しようとしています。-moz
上記の例は正常に機能しますが、次のようなものもあります。
また、で定義されているよりも多くの引数があるため、 mixin
asを呼び出すことはできません。だから私が今していることはこれです:.transition(border-color .3s, background .3s)
mixin
これは面倒です。これまで使用されていなかった多くの引数を使用するときはいつでも、シートに冗長なコードを追加する必要があります。また、他のCSS3プロパティでもこの問題が発生します。たとえば、最初box-shadow
に追加する必要がある場合などです。inset
mixins
CSS3のプロパティと同じように、Lessを使用して引数の数を柔軟に宣言する方法はありますか?
css - CSSが少ない:引数の数が可変のミックスイン
LESSでは、次のようなパラメトリックミックスインが可能です。
ただし、これは遷移などのプロパティで常に機能するとは限りません。複数のトランジションを作成しようとして、ミックスインを複数回呼び出そうとすると、最後のミックスインが以前に定義されたすべてのトランジションをオーバーライドします。これは、複数のトランジションを定義するための適切なCSS3構文が次のとおりであるためです。
複数のトランジションをミックスインとして定義するために私が考えることができる唯一の方法は、ミックスインをオーバーロードすることです。
可変数の引数を取り込んで適切な遷移CSSを構築するために、遷移ミックスインを定義するより堅牢で簡潔な方法はありますか?
コンテキスト:複数のプロパティに移行したい場合があります。たとえば、:hover
背景色、ボックスシャドウ、テキストカラーなどの遷移をトリガーする場合があります。
css - レスミックスインで特定のクラス属性にアクセスするには?
私は.aClassを持っています
.anotherClass では、.aClass の幅属性の値に基づいて幅の値を計算したいと思います。
上記の例は機能しません。
less ドキュメントには何も見つかりませんでした。これを行う方法はありますか?
css - プロパティを mixin の引数として送信
すべてのメディア クエリを分割し、代わりに CSS プロパティを引数として渡したいと思います。
残念ながら、これは機能せず、Less が失敗します :(
less - LESS ミックスインでベンダー プレフィックスを追加する
このミックスインで構文エラーが発生します。
これを行う方法はありますか、または mixin 変数は ? の右側にある必要があり:
ますか?
css - この LESS CSS Box-shadow mixin を単純化するには? (「方向」を持つ複数の影)
方向と数を取る「関数」を持たせるために、このコードを(おそらくループで)減らす方法は?
@dir
= 必要な「方向」@number
= 影が必要な回数 (ここでは 10 回)@color
= 影の色
例(動作しますが、使いにくい):
@dir
影の方向を変えるパラメータがあります。この例では@dir = se
、ここでse
= 南東とします。これは、北西、北東、南西、南東でも同じです。
これを回避するには…?
less - LESS mixin 関数での条件付きパラメーターの検証
次の条件をLESSに変換するにはどうすればよいですか?
結果は次のようになります。
less - LESSで参照によってミックスインを呼び出すにはどうすればよいですか?
論理的な方法は次のとおりです。
しかし、解析エラーが発生します。
それを行う方法はありますか?
less - LESS CSS mixin で親プロパティを変更する方法
私はそのようなことをするためのより少ない構文を探しています:
パラメータまたはグローバル変数を使用してそれを行う方法は知っていますが、ホバー効果は常に背景色を変更するように設計されているとは限りません。