2017-06-07 3 views
1

Ich verwende LESS CSS Preprocessor. Zum Beispiel, wenn es zwei (oder mehr) Regeln mit dem gleichen Wert gibtLESS: kombinieren Eigenschaften (Regeln) mit dem gleichen Wert

.my-class { 
    border-top: 2px solid @main-bg-color - #123456; 
    border-bottom: 2px solid @main-bg-color - #123456; 
} 

kann ich diese zwei in eine irgendwie so kombinieren?

.my-class { 
    border-top, border-bottom: 2px solid @main-bg-color - #123456; 
} 

UPDATE: Sie sollten nicht auf den Stützen konzentriert werden (border) ich nur als Beispiel schrieb. Ich würde gerne wissen, ob es eine Möglichkeit gibt, mehrere Requisiten mit demselben Wert zu kombinieren. Wenn das nicht möglich ist, sagen Sie es bitte ausdrücklich.

+4

non-less, aber auch nicht-repetitive, könnte man 'border: solid @ main-bg-color; border-width: 2px 0; ' –

+1

Nein, du solltest die beiden nicht kombinieren. Es wäre nicht ideal für Lesbarkeit und Wartbarkeit. Behalte es so, wie du es hast. –

+0

Wie wäre es mit Mixins? –

Antwort

0

Als @ sieben Phasen-max says, gibt es keine Möglichkeit, mehrere Stützen mit dem gleichen Wert in LESS zu kombinieren. Verwenden Sie stattdessen variables oder mixins.

1

Warum nicht nur so etwas wie:

.my-class { 
    border: 2px solid @main-bg-color - #123456; 
    border-width: 2px 0; 
} 
+0

Diese Antwort bezieht sich nicht wirklich auf das Problem. Ich habe die Frage verbessert, um sie klarer zu machen. –

Verwandte Themen