Parse errors when using calc with rem and px

Question

I have the following CSS:

body {
  width: calc(700px + 2 * 4rem);
}

.someclass {
  margin: calc(2rem - 2px) 0;
}

When I run this through the W3C CSS validation, I get

Value Error : width Parse Error + 2 * 4rem)
Value Error : margin Parse Error - 2px) 0

What’s causing this? All the units I’m using in calc() are length units, and calc() should be able to handle it.

score 10 · Accepted Answer · answered Aug 03 '13 at 17:07

10

This is a known bug in w3 css validator:

answered Aug 03 '13 at 17:07

Roland Jansen

3

@Adrift: The validator is extremely buggy. That's all you need to know, really :) – BoltClock Aug 03 '13 at 17:15
Thank you. Sanity regained. – QRohlf Aug 03 '13 at 23:10
1

Sanity? If the validator itself is buggy, what hope do we have? :] – Danny Bullis Mar 23 '15 at 19:21

1 Answers1