問題タブ [less-mixins]

LESS ミックスインでは、パーセンテージ (xx%) として指定されていても、単純な数値 (0.xx) に変換したいアルファ値があります。数値をパーセンテージに変換する percent() 関数を見つけましたが、percent(xx%) は「xx00%」を返し、100 で割ると 0.xx が 0.00xx になり、これも良くありません。LESS で見つけることができるすべての「if-then」ステートメントは、新しいスコープの作成に関与しているため、「%」は検出できましたが、その情報を変数に戻して使用することはできませんでした。

パーセンテージである場合にのみ、パーセンテージを数値に変換するにはどうすればよいですか?

さまざまなスタイル シートでの less mixin の使用について質問があります。

初期スタイルのシートが 2 つあります: reset.less と styleguide.less

styleguide.less タイトルで mixin を定義するにはどうすればよいのでしょうか。

そして、リセットはそれを使用するだけです。

例：

以下を使用するために、いくつかの異なるクラスが必要だとします。

これを LESS でどのように設定しますか?

これらのクラスは相互に使用できないため、コンマ区切りのリスト (.note、.product、.restricted{ }) で設定することは解決策ではありません。

次のようなものが必要です。

私はこれを試しましたが、LESSを殺すだけです。

私style.lessが定義したいのは.element、クラスの要素内にネストされたクラスを持つすべての要素.groupが、ブートストラップクラスの同じプロパティを持つこと.col-sm-6です。

残念ながら、クラス.col-sm-6を要素に直接追加することはできません。

そのプロジェクトでは、bootstrap はtapestry5/bootstrap/css/bootstrap-darkly.cssmy に関連するフォルダーで利用できますstyle.less。(方法) CSS クラスを my 内の mixin として使用することはできますstyle.cssか? 私は試した：

残念ながら、Less4J 例外が発生します。

CSS をミックスインとして使用することは不可能ですか、それとも私の構文に何か問題がありますか?

LESS を使用して「まばたき効果」のような CSS アニメーションを作成したいと考えています。@stop私の目的は、DOM 要素の css クラスに応じて異なる色の点滅を得るために、毎回 2 色を渡す単一の mixin を呼び出すことです。

現在、私は次のHTMLを持っています:

そしてここに、LESS CODE:

アニメーションミックスイン:

私の問題は、両方の DOM 要素が同じ「赤い色」のアニメーションを持ち、代わりに 1 つのgreen2greenと他がred2redであることです。

いつも同じ「アニメ名」に問題があることがわかりました。望ましい動作に到達するための提案はありますか?

ありがとう。

グリッド システムを LESS にしようとしています。

分数を文字列として使用しており (理由があります)、calc()式で分数を補間する必要があります。

Sassでこれを行うことができます...

これを試してみるとLESSで...

エラーをスローしてしまいCannot read property 'numerator' of undefinedます。

どうやら LESS はそれが分数であることを知ることができますが、その後うんちが出ます。

LESS のプロから教えてもらえますか?

プロパティを適用するためのウィンドウを設定するために、値がより小さいかつ大きい場合にプロパティを設定しようとしています。

例：

ガードの組み合わせ方がいまいちわかりません。上記の例では、明度が 20% の色には、3 番目と 4 番目の両方のガードが適用されます。したがって、緑と青の両方の色をコンパイルします。それは技術的には順序のために正しくレンダリングされますが、それでもちょっと厄介です...

代替ソリューションはありますか？ありがとう！

私はそのような効果を達成する必要がありますが、実際に @padding < @height の場合でも、無意味な乗数値 2 を使用します...私が知らない制限はありますか?

任意の回避策を歓迎します)