Есть ли плагины 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

Это было то, что я хотел. подключен модуль calc после precss.

Answer 2

Кажется, что вы вставили плагин переменных после postcss-calc. Просто используйте плагин PreCSS, когда заказ верен.

Answer 3

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

postcss-automath делает это лучше, без известково()