是否有任何用于总和变量的PostCSS插件？

Question

我只是用precss插件了，但我想计算的变量在PostCSS这样

$sidebar-width: 50px; 
$container-padding-left: 20px; 

#sidebar { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: $sidebar-width; 
    z-index: 100; 
} 
#container { 
    margin-left: -$sidebar-width; 
    padding-left: $sidebar-width + $container-padding-left; 
} 

是否有任何插件在postCSS计算+？

我也试过calc($sidebar-width + $container-padding-left);但它不起作用。

我抬头寻找https://github.com/postcss/postcss/blob/master/docs/plugins.md 但我找不到我想要的东西。

Answer 1

我发现postcss-calchttps://github.com/postcss/postcss-calc

这正是我想要的。插入计算模块后precss使它。

Answer 2

好像你在postcss-calc后放置变量插件。当订单正确时，只需使用PreCSS插件包。

Answer 3

padding-left：$ sidebar-width + $ container-padding-left;

postcss-automath做它更好，而不计算值（）