cloudfour/cloudfour.com-patterns

Should we disable the CSSNano calc optimization?

spaceninja opened this issue · 1 comments

When I run nvm use && npm ci && npm run build in this branch, I see the following warnings from the PostCSS task:

> cloudfour2022@1.0.0 build:css
> postcss -o static/styles.css node_modules/@cloudfour/patterns/dist/standalone.css


3671:3  ⚠  Parse error on line 3: 
  ), 3.05175...
--^
Expecting end of input, "ADD", "SUB", "MUL", "DIV", got unexpected "RPAREN" [postcss-calc]
3703:5  ⚠  Parse error on line 3: 
  ), 3.05175...
--^
Expecting end of input, "ADD", "SUB", "MUL", "DIV", got unexpected "RPAREN" [postcss-calc]

I have been staring at where it's tripping up and I can't see anything wrong with it.

I wonder if we should disable the calc cssnano optimization?

Originally posted by @tylersticka in https://github.com/cloudfour/cloudfour.com-wp/issues/1059#issuecomment-1718458076

Note: although a similar build warning happens in the pattern library, it's not quite the same and the solution may be different, though it does still seem to be related to calc statements in postCSS.