問題タブ [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 投票する
1 に答える
57 参照

css - 複数のセレクターを使用して mixin を作成するにはどうすればよいですか?

次のコード:

私が期待するように生成します:

*接頭辞を削除して、接頭辞なしでセレクターを使用するにはどうすればよいですか?

動作しないもの:

.positionBase(testing,16px,0)

私のGoogle fooは弱いです。これが可能だと思わせるものは何も見つかりませんでした。その場合、*プレフィックスを使用したいのですが、それはパフォーマンスにも非常に悪いです。何か案は?

ありがとう

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

css - mixinでパラメーターを渡すことを無視する方法

プロジェクトの境界線に Less mixin を使用したいのですが、すべてではなく、境界線のさまざまな側面を使用する必要があることがよくあります。

私は簡単なミックスインを書きました:

border-topたとえば、 andのみに引数を渡すことは可能border-bottomですか?

そう:

次のように出力されます:

mixin で異なる CSS プロパティにパラメータを渡すことを無視できますか?

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

css - 間隔のバリエーションを作成するCSS LESS

LESS を使用して次の CSS を実現する方法を考えていました。

イテレーションで何かをする必要がありますか?

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

css - Lessでオブジェクトを構築する可能性はありますか?

現時点では、より安価に mixin を構築しようとしましたが、予想以上に複雑なようです。たとえば、if 条件を作成しようとすると、ヘッダーは次のようになります。

配列が次のように定義されていることを知っています。

.

たぶん、これをオブジェクトとして使用できるので、パラメーターがコンマで分割されている場合、どのように配列を mixins パラメーターに書き込むことができますか?

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

animation - キーフレームでのミックスイン - 可能ですか?

次の例では、LESS HAT Mixin Lib 3.0.2 を使用しています。

ここでの答えが最善の解決策であるかどうかはよくわかりません: キーフレームの CSS Less mixins

複数の mixin を に収める方法を探していkeyframesます。

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

css - 少ない - ガーディアン ミックスインのグッド プラクティス

明度値条件付きの小さな Less @mixin を作成しました。私は自分のアプリケーションの UI に Sass を使用していましたが、Less で適切な条件を作成する方法について本当に混乱しています。誰かが私に答えてくれますか?

より少ないソース:

CSS 出力:

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

less - ループ内で変数名を変更する

を取得するには、ループ内で変数を などに変更する必要がありnameますtreesballoons

しかし、私は代わりに得ます:

このミックスインを試しましたが、うまくいきません。何が間違っていますか?

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

css - 要素のアニメーション キーフレームの継承

私は要素を持っていて.shake、それ:hoverがアニメーションを開始するときです。シェイク要素のプロパティとそのアニメーション:hover効果を継承する必要があります。

私が持っている

主要なプロパティ.inherit-shakeを継承するだけでアニメーションを継承するため、機能しません。.shake:hover

Lessを使用してそれを行う方法はありますか?