ccsnano offers some configurable optimizations, like calc. Using webpack with optimize-css-assets-webpack-plugin for production builds results in transforming
calc(100vh - 5rem - calc(10rem + 100px)) to calc(100vh - 5rem - 10rem + 100px).
This is not happening though when disabling calc optimizations on default preset
preset: [`default`, { calc: false }]
To be more specific I'm trying to solve this issue gatsbyjs/gatsby#9858
ccsnano
offers some configurable optimizations, likecalc
. Using webpack withoptimize-css-assets-webpack-plugin
for production builds results in transformingcalc(100vh - 5rem - calc(10rem + 100px)
) tocalc(100vh - 5rem - 10rem + 100px)
.This is not happening though when disabling
calc
optimizations on default presetTo be more specific I'm trying to solve this issue gatsbyjs/gatsby#9858
(Opening issue as mentioned in https://github.com/cssnano/cssnano/issues/657#issuecomment-442144659)