Configure cssnano options using browserlist

[leimonio]

ccsnano offers some configurable optimizations, like calc. Is there a way to use the browserlist in order to be able to configure these optimizations?

To give some more context, 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 }]

[alexander-akait]

@leimonio browserslist not related to calc optimization, You example is valid. What is problem? Which brosers is not supported this optimization?

[leimonio]

I'm trying to find out if there is a way to enable/disable calc optimization based on some configuration. To be more specific I'm trying to solve this problem gatsbyjs/gatsby#9858

Which is the best way to configure this optimization in a more dynamic way for the end user?

[alexander-akait]

@leimonio hm, bug in postcss-calc
/cc @andyjansson

[andyjansson]

@leimonio please open an issue in postcss-calc.

[alexander-akait]

/cc @andyjansson can you find time on fixing problem in postcss-calc, because it is should be easy for you, thanks!

[alexander-akait]

Close in favor postcss/postcss-calc#67, thanks for issue, sorry for delay