是否有任何用於總和變量的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做它更好，而不計算值（）