CSS Lint thinks there is something wrong here. And so does the W3C CSS Validator. They are probably right and I am wrong, but can someone please help me understand why this is wrong?
CSS:
.my-class {
width: calc(((100% - 15%) / 3 - 1px) * 3 + 10%); /* for 3 columns */
}
Error message:
Expected RBRACE at line 2, col 22.
By the way, browsers seem to be more on my side.