← Back to release summary

CSS calc() in media queries

Category

CSS

Type

New or changed feature

Status

Enabled by default (Chrome 66)

Intent stage

None

Summary

According to the CSS Values 4 spec, math functions such as calc() should be allowed wherever individual CSS values such as numbers are allowed. However, calc() expressions are not currently parsed in media queries. This change would introduce support for parsing calc() expressions inside of media queries.

Standards & signals

• Specification: https://drafts.csswg.org/css-values-3/#calc-notation
• Firefox: Shipped/Shipping
• Safari: Shipped/Shipping
• Web developers: Positive
• Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=421909

Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/calc https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

View on chromestatus.com