calc例程使用较少

Question

有没有办法使用较少的css calc()例程？

如果我去http://less2css.org/ 并输入以下输入(这只是一个常规的CSS规则):

width: calc(100% - 450px);

输出应该完全相同(因为它是常规的css)但是,

编译器产生的css输出是 width: calc(-350%);

有没有办法让这个工作？

Answer 1

逃避价值:

width: ~"calc(100% - 450px)";

在LESS 1.4中不需要转义,因为只有在括号括起计算时才进行计算.例如:

prop: 20 + 10px;    ->  prop: 20 + 10px;
prop: (2 + 10px);   ->  prop: 12px;
prop: func(1 + 2);  ->  prop: func(1 + 2);
prop: func((1 + 2));->  prop: func(3);