Hi,
I have a custom html list whose items I try to show in three columns with flexbox. List items have padding to add room for item background.
li {
flex: 0 0 calc(33% - 66px);
padding: 0 16px 0 50px;
background: url('check.png') no-repeat left top;
}
The problem is that squarespace has some kind of preprocessor which converts calc() to this: (style copied from browsers inspector)
flex: 0 0 calc(-33%);
How should I write calc() to keep it in the desired format?