WENIGER mixin für „Calc“ Werte

Ich mag würde calc WerteWENIGER mixin für „Calc“ Werte

.calc-mixin(@property, @operation)  
{ 
    @{property}: -webkit-calc(@operation); 
    @{property}: -moz-calc(@operation); 
    @{property}:   calc(@operation); 
} 

.a { 
    .calc-mixin(width,'100% + 2px'); 
}

Dies ist kein gültiges CSS eine weniger mixin zu einfach einfügen schreiben, weil sein Ausgang:

.a { 
    width: -webkit-calc('100% + 2px'); 
    width: -moz-calc('100% + 2px'); 
    width: calc('100% + 2px'); 
}

Bitte, Wie entfernt man "''" Zeichen in der endgültigen Ausgabe?

Quelle

2016-06-12 Luca Detomi

Haben Sie versucht, '.calc-mixin (Breite, ~ 100% + 2px ');'? –

Effektiv .... könnte eine Lösung sein. Nicht so unwichtig für Endverbraucher wie die Möglichkeit, es direkt in der Mixin-Deklaration zu fixieren, aber in Mixinkall aber .... vielleicht akzeptabel :-) –

Würde '@ {property}: calc (e (@operation));' vielleicht funktionieren? –

können Sie die CSS escape Funktion wie folgt verwendet werden:

@{property}: calc(e(@operation));

Quelle

2016-06-12 18:53:42

WENIGER mixin für „Calc“ Werte

Antwort

Verwandte Themen