Support calc(<number>) where only accepts <integer>

Category: CSS
Type: Chromium catches up
Status: Enabled by default (Chrome 97)
Intent stage: None

Breaking change: No
Enterprise impact: None
Spec maturity: Working draft
Web Platform Tests: No

Summary

CSS math functions that resolve to <number> can be used in any place that only accepts <integer>. (It gets rounded to the nearest integer, as specified in https://drafts.csswg.org/css-values-4/#calc-range)

Standards & signals

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

Ecosystem

Web Platform Tests: https://wpt.fyi/results/?q=support-calc-number-where-only-accepts-integer
Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+Support%20calc(%3Cnumber%3E)%20where%20only%20accepts%20%3Cinteger%3E
MDN Web Docs: https://developer.mozilla.org/en-US/search?q=Support%20calc(%3Cnumber%3E)%20where%20only%20accepts%20%3Cinteger%3E
Baseline status: https://webstatus.dev/?q=Support%20calc(%3Cnumber%3E)%20where%20only%20accepts%20%3Cinteger%3E

View on chromestatus.com