support constant() and env() about postcss-calc HOT 16 CLOSED

does disabling postcss-calc work? I am trying to find a fix

from postcss-calc.

+1

from postcss-calc.

Related to MoOx/reduce-css-calc#34

from postcss-calc.

How to deal with ?

from postcss-calc.

Is there a spec for constant yet?

from postcss-calc.

constant will not be in the specification ever - it renamed to env.
But env not in spec yet too
w3c/csswg-drafts#1693
I think that needs one more supported browser.

from postcss-calc.

See this https://medium.com/@draganeror/iphone-x-layout-features-with-css-environment-variables-d57423433dec for reference.

from postcss-calc.

See MoOx/reduce-css-calc#34

from postcss-calc.

FYI: I wrote a simple workaround in a comment in MoOx/reduce-css-calc#34

from postcss-calc.

Please update the dependence of reduce-css-calc~
This has been fixed recently
MoOx/reduce-css-calc#48

from postcss-calc.

Should be fixed in latest release.

from postcss-calc.

.video { width: 100%; height: calc(width*56.25); }

this produces same error. could we probably update post-css-calc to handle "width/height" also?

from postcss-calc.

could we probably update post-css-calc to handle "width/height" also?

@demosglok Why would we? I don't see this in any of the specifications, and it doesn't work in any of the browsers I've tested.

from postcss-calc.

works fine in chrome. and in mobile browsers. i'll retest

from postcss-calc.

where is the reference for this syntax: height: calc(width*56.25)

according to this, its not supported:
https://stackoverflow.com/questions/11243075/css-scale-height-to-match-width-possibly-with-a-formfactor#comment36903688_11243226

also note that you must have spaces around operators inside calc

from postcss-calc.

ok, i retested everywhere. seems not working, though one laptop with latest chrome worked well for mobile mode (devtools->check mobile icon)

so not relevant for now, seems

from postcss-calc.