МЕНЬШЕ Mixin значений «Calc»

Question

Я хотел бы написать МЕНЬШЕ подмешать для легкой вставки calc значения

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

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

Это не является допустимым CSS, потому что его выход:

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

Пожалуйста, как удалить «''» символы в конечном выпуске?

Answer 1

Вы можете использовать CSS escape функцию:

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