I have a bit of a large calc function inside a background linear gradient. Originally the calc function seemed to be computed incorrectly and after some digging I found that I needed to escape it in the custom CSS.
I finally managed to get the gradient I wanted with the following line, but now the editor view is broken as a result.
The offending line:
background: linear-gradient(
to right,
#B1B5B7,
#B1B5B7 calc(~"((100% - 1350px) / 2.0) + 877px"),
#7DA57E calc(~"((100% - 1350px) / 2.0) + 877px"),
#7DA57E);
A couple of errors show up in the console:
error-reporter-b1a003a2d08ddc2bf6213-min.en-US.js:14 Unhandled Promise rejection: Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings. ; Zone: <root> ; Task: Promise.then ; Value: Error: Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.
80982-82074d37f31ce71d02b63-min.en-US.js:9 Uncaught TypeError: a is not a function
EDIT: Just noting this is on Squarespace v7.0