diff --git a/css-typed-om/Overview.bs b/css-typed-om/Overview.bs index 574b20f9..7800a416 100644 --- a/css-typed-om/Overview.bs +++ b/css-typed-om/Overview.bs @@ -2535,6 +2535,33 @@ CSS <>, <>, and <> values become {{CSSNumericValu +
+ Note that addition and multiplication are N-ary, + so ''calc(1px + 2px + 3px)'' + produces the structure: + +
+            CSSMathSum(
+                CSS.px(1),
+                CSS.px(2),
+                CSS.px(3)
+            )
+        
+ + but ''calc(calc(1px + 2px) + 3px)'' + produces the structure: + +
+            CSSMathSum(
+                CSSMathSum(
+                    CSS.px(1),
+                    CSS.px(2)
+                ),
+                CSS.px(3)
+            )
+        
+
+ Note: The value computation process may transform different units into identical ones, simplifying the resulting expression. For example, ''calc(1px + 2em)'' as a specified value