Less.js: 変数がサブメディアクエリに使用されている場合、無効なネストされたメディアクエリが「or」条件とマージされます

これはバグというよりも機能のリクエストです。 Lessは、これらの~""内部にあるものを理解することは想定されていません（メディアクエリだけでなく、どこでも）。 したがって、Lessは、そこにあるコンマやその他の特殊記号について決して知らないことが予想されます。

技術的には、上記のようなコード（「エスケープされた文字列内のメディアクエリのリスト」）は、適切なコードと見なされるというよりも、古い癖/構文の回避策に似ています（ただし、 ~""自体が原因です）。 今日のLessでは、同じことを実現するための適切なパターンは、「魔法の値変数」の代わりに匿名/デタッチされたルールセット/ミックスインを使用することです。

.highdpi(@rules) {
    <strong i="10">@media</strong> (-webkit-min-device-pixel-ratio: 1.25), 
           (min-device-pixel-ratio: 1.25), 
           (min-resolution: 1.25dppx) {
        @rules();
    }
}

.bg {
    <strong i="11">@media</strong> (max-width: 1000px) {
        background: url(bg-small.png);

        .highdpi({
            background: url([email protected]);
        });
    }
}

または同様の方法。

＃1421および同様の問題/リクエストに関連しています。

機能リクエストとしても（提案されている場合）、この機能はとにかく~""代わりに異なる構文を使用する必要があることに注意してください。つまり、例は上記のように機能することは想定されていません。したがって、これを「」とマークしていません。機能要求」（FRにはもう少し洞察が必要になるため）。

多分＃1421にマージしますか？

@ seven-phases-maxこれをクリアしていただきありがとうございます。 エスケープされた文字列を持つ変数の代わりに、別の「.highdpi」ミックスインを使用するようにミックスインを変更します。

@ Seven-phases-maxここには2つの別々の問題/機能要求があると思うので、それらを指定せずに＃1421にマージする必要があるかどうかはわかりません。

1. Lessパーサーが式とリストでより緩くなるようにします。 たとえば、リストをメディアクエリ値またはセレクターで構成できるようにします。 そのため、メディアクエリを変数にしたい場合は、文字列のエスケープが要件である必要はありません。 （これは一般的なニーズです。）これは＃1421であり、 @ mediaの例はその問題に追加されたものである可能性があります。
2. ネストされたメディアクエリ値のマージリストが（に依存#1 、しかしから失敗/別のパスを持っている必要があります#1 。行われたが、その#1 、 #2これは論理的な次のステップです。したがって、ここ＃2964で追跡できると思います。

本質的にはほとんど同じ問題なので、ここで＃3059を参照します。 つまり、基本的に問題は、「変数がそれらの値に置き換えられた後、 @mediaや@supportsクエリなどのフル機能の再解析を行う余裕がありますか？」です。 （これには、パーサー自体を大幅にリファクタリングして、任意の瞬間に任意の文字列で使用できるようにするか、特定の各ノードとそのeval / css-gen関数で解析コードを複製する必要があります）。

この問題は、最近のアクティビティがないため、自動的に古いものとしてマークされています。 それ以上のアクティビティが発生しない場合は閉じられます。 貢献していただきありがとうございます。