問題タブ [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 - 複数のセレクターを使用して mixin を作成するにはどうすればよいですか?
次のコード:
私が期待するように生成します:
*
接頭辞を削除して、接頭辞なしでセレクターを使用するにはどうすればよいですか?
動作しないもの:
.positionBase(testing,16px,0)
と
私のGoogle fooは弱いです。これが可能だと思わせるものは何も見つかりませんでした。その場合、*
プレフィックスを使用したいのですが、それはパフォーマンスにも非常に悪いです。何か案は?
ありがとう
css - mixinでパラメーターを渡すことを無視する方法
プロジェクトの境界線に Less mixin を使用したいのですが、すべてではなく、境界線のさまざまな側面を使用する必要があることがよくあります。
私は簡単なミックスインを書きました:
border-top
たとえば、 andのみに引数を渡すことは可能border-bottom
ですか?
そう:
次のように出力されます:
mixin で異なる CSS プロパティにパラメータを渡すことを無視できますか?
css - 間隔のバリエーションを作成するCSS LESS
LESS を使用して次の CSS を実現する方法を考えていました。
イテレーションで何かをする必要がありますか?
css - Lessでオブジェクトを構築する可能性はありますか?
現時点では、より安価に mixin を構築しようとしましたが、予想以上に複雑なようです。たとえば、if 条件を作成しようとすると、ヘッダーは次のようになります。
配列が次のように定義されていることを知っています。
.
たぶん、これをオブジェクトとして使用できるので、パラメーターがコンマで分割されている場合、どのように配列を mixins パラメーターに書き込むことができますか?
animation - キーフレームでのミックスイン - 可能ですか?
次の例では、LESS HAT Mixin Lib 3.0.2 を使用しています。
ここでの答えが最善の解決策であるかどうかはよくわかりません: キーフレームの CSS Less mixins
複数の mixin を に収める方法を探していkeyframes
ます。
css - 少ない - ガーディアン ミックスインのグッド プラクティス
明度値条件付きの小さな Less @mixin を作成しました。私は自分のアプリケーションの UI に Sass を使用していましたが、Less で適切な条件を作成する方法について本当に混乱しています。誰かが私に答えてくれますか?
より少ないソース:
CSS 出力:
less - ループ内で変数名を変更する
を取得するには、ループ内で変数を などに変更する必要がありname
ますtrees
balloons
しかし、私は代わりに得ます:
このミックスインを試しましたが、うまくいきません。何が間違っていますか?
css - 要素のアニメーション キーフレームの継承
私は要素を持っていて.shake
、それ:hover
がアニメーションを開始するときです。シェイク要素のプロパティとそのアニメーション:hover
効果を継承する必要があります。
私が持っている
主要なプロパティ.inherit-shake
を継承するだけでアニメーションを継承するため、機能しません。.shake
:hover
Lessを使用してそれを行う方法はありますか?