[css-sizing] Add fit-content(<<length-percentage>>) per WG resolution.

Author: fantasai

css-sizing-3/Overview.bs

@@ -9,7 +9,6 @@ ED: https://drafts.csswg.org/css-sizing
 TR: https://www.w3.org/TR/css3-sizing/
 Editor: Tab Atkins, Google, http://xanthir.com/contact/
 Editor: Elika J. Etemad / fantasai, Invited Expert, http://fantasai.inkedblade.net/contact
-!Issue Tracking: <a href="https://www.w3.org/Bugs/Public/buglist.cgi?product=CSS&amp;component=Sizing&amp;resolution=---">W3C Bugzilla</a>
 Previous version: https://www.w3.org/TR/2016/WD-css-sizing-3-20160512/
 Abstract: This module extends the CSS sizing properties with keywords that represent content-based "intrinsic" sizes and context-based "extrinsic" sizes, allowing CSS to more easily describe boxes that fit their content or fit into a particular layout context.
 Ignored Terms: block-level box
@@ -246,7 +245,7 @@ New Keywords for 'width' and 'height'</h3>
 
 	<pre class=propdef partial>
 	Name: width, min-width, max-width, height, min-height, max-height
-	New values: fill | max-content | min-content | fit-content
+	New values: fill | max-content | min-content | fit-content | fit-content(<<length-percentage>>)
 	</pre>
 
 	<p>There are four types of automatically-determined sizes in CSS (which
@@ -272,7 +271,16 @@ New Keywords for 'width' and 'height'</h3>
 		<dt><dfn>fit-content</dfn>
 		<dd>
 			Use the <a>fit-content inline size</a> or <a>fit-content block size</a>,
-			as appropriate to the writing mode.
+			as appropriate to the writing mode,
+			i.e.
+			<code>min(<a>max-content size</a>, max(<a>min-content size</a>, <a>fill-available size</a>))</code>
+
+		<dt><dfn>fit-content(<<length-percentage>>)</dfn>
+		<dd>
+			Use the fit-content formula
+			with the <a>available size</a> replaced by the specified argument,
+			i.e.
+			<code>min(<a>max-content size</a>, max(<a>min-content size</a>, <<length-percentage>>))</code>
 	</dl>
 
 	Issue: Is ''width/fill'' stable enough or should we defer to L4?
@@ -314,7 +322,7 @@ Column Sizing Keywords</h3>
 
 	<pre class="propdef partial">
 	Name: column-width
-	New values: fill | max-content | min-content | fit-content
+	New values: fill | max-content | min-content | fit-content | fit-content(<<length-percentage>>)
 	</pre>
 
 	<p>When  used as values for 'column-width',
@@ -336,6 +344,12 @@ Column Sizing Keywords</h3>
 		<dt><dfn>fit-content</dfn>
 		<dd>Specifies the optimal column width as
 			<code>min(<a>max-content inline size</a>, max(<a>min-content inline size</a>, <a>fill-available inline size</a>))</code>.
+
+		<dt><dfn>fit-content(<<length-percentage>>)</dfn>
+		<dd>
+			Specifies the optimal column width as
+			<code>min(<a>max-content size</a>, max(<a>min-content size</a>, <<length-percentage>>))</code>
+
 	</dl>
 
 

css-sizing/Overview.bs

@@ -9,7 +9,6 @@ ED: https://drafts.csswg.org/css-sizing
 TR: https://www.w3.org/TR/css-sizing/
 Editor: Tab Atkins, Google, http://xanthir.com/contact/
 Editor: Elika J. Etemad / fantasai, Invited Expert, http://fantasai.inkedblade.net/contact
-!Issue Tracking: <a href="https://www.w3.org/Bugs/Public/buglist.cgi?product=CSS&amp;component=Sizing&amp;resolution=---">W3C Bugzilla</a>
 Previous version: https://www.w3.org/TR/2012/WD-css3-sizing-20120927/
 Abstract: This module extends the CSS sizing properties with keywords that represent content-based "intrinsic" sizes and context-based "extrinsic" sizes, allowing CSS to more easily describe boxes that fit their content or fit into a particular layout context.
 Ignored Terms: block-level box
@@ -247,7 +246,7 @@ New Keywords for 'width' and 'height'</h3>
 
 	<pre class=propdef partial>
 	Name: width, min-width, max-width, height, min-height, max-height
-	New values: fill | max-content | min-content | fit-content
+	New values: fill | max-content | min-content | fit-content | fit-content(<<length-percentage>>)
 	</pre>
 
 	<p>There are four types of automatically-determined sizes in CSS (which
@@ -273,7 +272,16 @@ New Keywords for 'width' and 'height'</h3>
 		<dt><dfn>fit-content</dfn>
 		<dd>
 			Use the <a>fit-content inline size</a> or <a>fit-content block size</a>,
-			as appropriate to the writing mode.
+			as appropriate to the writing mode,
+			i.e.
+			<code>min(<a>max-content size</a>, max(<a>min-content size</a>, <a>fill-available size</a>))</code>
+
+		<dt><dfn>fit-content(<<length-percentage>>)</dfn>
+		<dd>
+			Use the fit-content formula
+			with the <a>available size</a> replaced by the specified argument,
+			i.e.
+			<code>min(<a>max-content size</a>, max(<a>min-content size</a>, <<length-percentage>>))</code>
 	</dl>
 
 	Note: To size an element such that it avoids overlapping sibling floats,
@@ -311,7 +319,7 @@ Column Sizing Keywords</h3>
 
 	<pre class="propdef partial">
 	Name: column-width
-	New values: fill | max-content | min-content | fit-content
+	New values: fill | max-content | min-content | fit-content | fit-content(<<length-percentage>>)
 	</pre>
 
 	<p>When  used as values for 'column-width',
@@ -333,6 +341,12 @@ Column Sizing Keywords</h3>
 		<dt><dfn>fit-content</dfn>
 		<dd>Specifies the optimal column width as
 			<code>min(<a>max-content inline size</a>, max(<a>min-content inline size</a>, <a>fill-available inline size</a>))</code>.
+
+		<dt><dfn>fit-content(<<length-percentage>>)</dfn>
+		<dd>
+			Specifies the optimal column width as
+			<code>min(<a>max-content size</a>, max(<a>min-content size</a>, <<length-percentage>>))</code>
+
 	</dl>