Meistens verwende ich LESS-Variablen mit voreingestellten Breakpoints für Medienabfragen wie diese:
%Vor%Aber manchmal möchte ich auf einen beliebigen Haltepunkt in meinem .less Stylesheet verweisen können, ohne einen neuen Preset-Wert in meiner separaten Mix-Datei einstellen zu müssen.
Sie können dies in SASS tun. Das Mixin sieht so aus:
%Vor%In LESS stelle ich mir vor, dass die entsprechende Mischung ungefähr so aussehen würde:
%Vor%Das einzige Problem ist das Fehlen des {@content} -Arguments in LESS, das den Rest des vom Entwickler eingegebenen Stylings ergreift. Ich liebe SASS, aber ich kann es bei der Arbeit nicht benutzen.
Kennt jemand eine LESS-basierte Lösung für dieses Problem?
Ich glaube, das erreicht, was Sie wollen:
WENIGER
%Vor%CSS ausgeben
%Vor% Indem wir ein set Muster-Mix für die verschiedenen Größen definieren und dieses Muster innerhalb des generischen .bp-min(@min) Mixin verwenden, glaube ich, dass wir dieselbe Abstraktion in LESS haben wie in SCSS, mit etwas mehr Code, weil ich glaube, SCSS definiert und ruft eine @include -Anweisung auf, während wir hier zwei brauchen.
Ab dem 1.7.0 (2014-02-27) können Sie jetzt Verwende @Rules anstelle des sassy @Content.
Zum Beispiel:
%Vor%gibt wie erwartet aus:
%Vor%Die Unterschiede sind:
Dies kann mit einem zusätzlichen Argument kombiniert werden, um eine Syntax zu liefern, die einem schönen Sass entspricht:
%Vor%edit : Um ehrlich zu sein, bevorzuge ich einen einfacheren Ansatz in weniger:
%Vor%Quelle: Ich benutze auch Sass zu Hause und weniger bei der Arbeit
(Zusätzlich zu der vorherigen Antwort) Oder etwas in der Art:
%Vor% Ersetzen Sie .content durch .- , wenn Sie kürzere Sachen bevorzugen.
Tags und Links css less media-queries