From 2d5e4cf2a737b83b5a072ebf18914e2d0c94a799 Mon Sep 17 00:00:00 2001
From: Darren Shen <shend@chromium.org>
Date: Mon, 15 Jan 2018 09:38:20 +1100
Subject: [PATCH] Add shortcuts for other arithmetic operations

---
 css-typed-om/Overview.bs | 54 ++++++++++++++++++++++++++++++++++------
 1 file changed, 46 insertions(+), 8 deletions(-)

diff --git a/css-typed-om/Overview.bs b/css-typed-om/Overview.bs
index f5beccf6..99debaed 100644
--- a/css-typed-om/Overview.bs
+++ b/css-typed-om/Overview.bs
@@ -725,7 +725,7 @@ The following are the arithmetic operations you can perform on dimensions:
         with the same {{CSSUnitValue/unit}} internal slot as |this|,
         and a {{CSSUnitValue/value}} internal slot set to the negation of |this|’s.
 
-    2. Otherwise,
+    3. Otherwise,
         return a new {{CSSMathNegate}} object
         whose {{CSSMathNegate/value}} internal slot
         is set to |this|.
@@ -745,11 +745,28 @@ The following are the arithmetic operations you can perform on dimensions:
         Otherwise,
         prepend |this| to |values|.
 
-    3. Let |type| be the result of [=multiplying=] the [=types=] of every [=list/item=] in |values|.
+    3. If all of the [=list/items=] in |values| are {{CSSUnitValue}}s
+        with {{CSSUnitValue/unit}} internal slot set to "number",
+        return a new {{CSSUnitValue}}
+        whose {{CSSUnitValue/unit}} internal slot is set to "number",
+        and {{CSSUnitValue/value}} internal slot is set to the product of
+        the {{CSSUnitValue/value}} internal slots
+        of the [=list/items=] in |values|.
+
+    4. If all of the [=list/items=] in |values| are {{CSSUnitValue}}s
+        with {{CSSUnitValue/unit}} internal slot set to "number"
+        except one which is set to |unit|,
+        return a new {{CSSUnitValue}}
+        whose {{CSSUnitValue/unit}} internal slot is set to |unit|,
+        and {{CSSUnitValue/value}} internal slot is set to the product of
+        the {{CSSUnitValue/value}} internal slots
+        of the [=list/items=] in |values|.
+
+    5. Let |type| be the result of [=multiplying=] the [=types=] of every [=list/item=] in |values|.
         If |type| is failure,
         [=throw=] a {{TypeError}}.
 
-    5. Return a new {{CSSMathProduct}} object
+    6. Return a new {{CSSMathProduct}} object
         whose {{CSSMathProduct/values}} internal slot
         is set to |values|.
 </div>
@@ -773,7 +790,12 @@ The following are the arithmetic operations you can perform on dimensions:
     1. If |this| is a {{CSSMathInvert}} object,
         return |this|’s {{CSSMathInvert/value}} internal slot.
 
-    2. Otherwise,
+    2. If |this| is a {{CSSUnitValue}} object with {{CSSUnitValue/unit}} internal slot set to "number",
+        return a new {{CSSUnitValue}}
+        with the {{CSSUnitValue/unit}} internal slot set to "number",
+        and a {{CSSUnitValue/value}} internal slot set to the inverse of |this|’s.
+
+    3. Otherwise,
         return a new {{CSSMathInvert}} object
         whose {{CSSMathInvert/value}} internal slot
         is set to |this|.
@@ -793,11 +815,19 @@ The following are the arithmetic operations you can perform on dimensions:
         Otherwise,
         prepend |this| to |values|.
 
-    3. Let |type| be the result of [=adding=] the [=types=] of every [=list/item=] in |values|.
+    3. If all of the [=list/items=] in |values| are {{CSSUnitValue}}s
+        and have the same {{CSSUnitValue/unit}},
+        return a new {{CSSUnitValue}}
+        whose {{CSSUnitValue/unit}} internal slot is set to |this|’s {{CSSUnitValue/unit}} internal slot,
+        and {{CSSUnitValue/value}} internal slot is set to the minimum of
+        the {{CSSUnitValue/value}} internal slots
+        of the [=list/items=] in |values|.
+
+    4. Let |type| be the result of [=adding=] the [=types=] of every [=list/item=] in |values|.
         If |type| is failure,
         [=throw=] a {{TypeError}}.
 
-    4. Return a new {{CSSMathMin}} object
+    5. Return a new {{CSSMathMin}} object
         whose {{CSSMathMin/values}} internal slot
         is set to |values|.
 </div>
@@ -816,11 +846,19 @@ The following are the arithmetic operations you can perform on dimensions:
         Otherwise,
         prepend |this| to |values|.
 
-    3. Let |type| be the result of [=adding=] the [=types=] of every [=list/item=] in |values|.
+    3. If all of the [=list/items=] in |values| are {{CSSUnitValue}}s
+        and have the same {{CSSUnitValue/unit}},
+        return a new {{CSSUnitValue}}
+        whose {{CSSUnitValue/unit}} internal slot is set to |this|’s {{CSSUnitValue/unit}} internal slot,
+        and {{CSSUnitValue/value}} internal slot is set to the maximum of
+        the {{CSSUnitValue/value}} internal slots
+        of the [=list/items=] in |values|.
+
+    4. Let |type| be the result of [=adding=] the [=types=] of every [=list/item=] in |values|.
         If |type| is failure,
         [=throw=] a {{TypeError}}.
 
-    4. Return a new {{CSSMathMax}} object
+    5. Return a new {{CSSMathMax}} object
         whose {{CSSMathMax/values}} internal slot
         is set to |values|.
 </div>