what does this css do: ~"-moz-calc(..)"

Question

I just noticed a css rule that looked like this

width: ~"-moz-calc(100% - 10px)";

Now I know -moz-calc, but why is this a string and what is the meaning of the '~'?

https://developer.mozilla.org/en-US/docs/Web/CSS/calc – Marc B Oct 16 '13 at 14:42 — Marc B, Oct 16 '13 at 14:42

score 1 · Accepted Answer · answered Oct 16 '13 at 14:44

1

That's actually LESS, a CSS preprocessor.

The ~"" syntax creates a literal value which doesn't process its contents as LESS.
Otherwise, it would try to compile -moz-calc() as a LESS function.

answered Oct 16 '13 at 14:44

SLaks

868,454
176
1,908
1,964

what does this css do: ~"-moz-calc(..)"

1 Answers1