From a80dfaa2577e936a69dbde62b55fbac7257e98f6 Mon Sep 17 00:00:00 2001
From: Tab Atkins-Bittner <jackalmage@gmail.com>
Date: Wed, 9 May 2018 15:47:28 -0700
Subject: [PATCH] [css-values-4] Per WG resolution, remove references to calc()
 resolving to <<integer>>, and instead define that a <<number>> will round to
 the nearest integer. Fixes #2337.

---
 css-values-4/Overview.bs | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/css-values-4/Overview.bs b/css-values-4/Overview.bs
index 51107414736..6dec24bf976 100644
--- a/css-values-4/Overview.bs
+++ b/css-values-4/Overview.bs
@@ -1704,8 +1704,14 @@ Type Checking</h4>
 	<<angle>>,
 	<<time>>,
 	<<percentage>>,
-	<<number>>, or
-	<<integer>>.
+	or <<number>>.
+	It can be used anywhere its [=resolved type=] is allowed.
+
+	Additionally, [=math function=] whose [=resolved type=] is <<number>>
+	can be used in any place that only accepts <<integer>>.
+	(It gets rounded to the nearest integer,
+	as specified in [[#calc-range]].)
+
 	The <a>resolved type</a> must be valid for where the [=math function=] is placed;
 	otherwise, the expression is invalid.
 
@@ -1818,7 +1824,7 @@ Type-Checking Expressions</h5>
 		If the result is failure,
 		the entire [=math function=] is invalid.
 
-	A [=math function=] resolves to <<length>>, <<angle>>, <<time>>, <<frequency>>, <<resolution>>, <<flex>>, or <<percentage>>
+	A [=math function=] resolves to <<number>>, <<length>>, <<angle>>, <<time>>, <<frequency>>, <<resolution>>, <<flex>>, or <<percentage>>
 	according to which of those productions its [=CSSNumericValue/type=] [=CSSNumericValue/matches=].
 	(These categories are mutually exclusive.)
 	If it can't [=CSSNumericValue/match=] any of these,
@@ -1923,6 +1929,12 @@ Range Checking</h4>
 	Note: This requires all contexts accepting ''calc()''
 	to define their allowable values as a closed (not open) interval.
 
+	Additionally, if a [=math function=] whose [=resolved type=] is <<number>>
+	is used somewhere that only accepts <<integer>>,
+	the [=computed value=] and [=used value=] are rounded to the nearest integer,
+	in the same manner as clamping, above.
+	The rounding method must be the same as is used for animations of integer values.
+
 	<div class=example>
 		Since widths smaller than 0px are not allowed,
 		these three declarations are equivalent: