[css-variables][mediaqueries] Allow var() in media queries?

Does this do what I think it does?

:root {
 --page-width: 768px;
@media (min-width: var(--page-width)) {}

If not, is it because media queries don’t inherit properties from the :root element? If that’s the case, can we add a selector to select a special element that the :root element and media queries will all inherit from?

When you design the media query break points according to certain element dimensions, being able to use variables in media queries can be very helpful.

Received on Saturday, 4 April 2015 08:00:32 UTC