Add subfeatures to indicate support for CSS typed arithmetic #28006
+98
−0
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Chrome 140 adds support for CSS typed arithmetic; see https://chromestatus.com/feature/4740780497043456.
It is not very clear what this is from the spec, but https://css-tricks.com/css-typed-arithmetic/ provides a good explanation.
Safari also supports it. The relevant bug appears to be https://bugs.webkit.org/show_bug.cgi?id=278244, which says Safari 18, but I've tried 18.5 and it doesn't work in that version. I upgraded to Safari 26, and it did work, so I've put the Safari support version down as 26.
In terms of what features this will be used in, it is mainly relevant to
calc()
.abs()
andsign()
also directly take a calculation/expression as a value, and I've tested it works on them, so I've included the data point on those functions as well.In terms of including it in other function data, I don't know. I mean, you can technically use a
calc()
just about anywhere that accepts numeric units, but I didn't think it was worth including it in other places as it would get confusing. Opinions welcome.Test results and supporting details
Related issues