Wie man eine ganze Klasse dynamisch erzeugt und sie mit LESS zu ihrem Elternselektor verkettet

8

Bisher habe ich diese (weniger Sprache):

WENIGER :

%Vor%

und ich kann es so nennen ( .test("facebook") ), um so etwas zu erzeugen:

CSS :

%Vor%

Ich bin jedoch nicht in der Lage, diese generierte Klassendefinition mit dem üblichen Operator & zu einem Eltern-Selektor zu verketten. Ich würde erwarten,

WENIGER :

%Vor%

zum Generieren

CSS :

%Vor%

aber ich bekomme einen Parse-Fehler.

Wie kann ich das tun?

    
eepp 27.04.2013, 22:31
quelle

1 Antwort

11

A LESS 1.4 Antwort

Zum Zeitpunkt der ersten Antwort hatte ich noch nicht entschieden, ob es eine Möglichkeit gibt, dies in LESS 1.3.3 zu tun (aber später, siehe update unten). Ich habe festgestellt, dass die aktuelle LESS 1.4 (beta) es erreichen kann, indem man die Verkettung selbst in die Mischung einfügt (beachte das Fehlen von Anführungszeichen):

WENIGER

%Vor%

CSS-Ausgabe

%Vor%

Wenn Sie Flexibilität benötigen, um es verketten zu lassen oder nicht, können Sie ein verschachteltes Mix-In wie folgt machen (dieses wird standardmäßig angefügt):

%Vor%

Verwenden Sie dann dieses .test(facebook); zum Verketten, und dieses .test(facebook, 0); , um es als untergeordnete (oder eigenständige) Klasse zu trennen.

Update: WENIGER 1.3.1 bis 1.3.3 Antwort

Ändern Sie zuerst den Namen, damit die Zeichenfolgenauswertung von der Klassennamenzuweisung getrennt ist. Andere Punkte, die oben bezüglich der Flexibilität gemacht wurden, können ebenfalls für diese Antwort verwendet werden.

%Vor%     
ScottS 27.04.2013, 22:49
quelle

Tags und Links