[css-display] Rename display-extras to display-list. I'll just add new properties as necessary to handle box-model extras.

Author: tabatkins

css-display/Overview.bs

@@ -194,11 +194,11 @@ Interacting with the layout mode: the 'display-outside' property</h3>
 		Is <a href="http://lists.w3.org/Archives/Public/www-style/2012Jul/0450.html">fantasai's proposal for a run-in model</a> sane enough to include in this spec?
 
 
-<h3 id='the-display-extras'>
-Additional stuff: the 'display-extras' property</h3>
+<h3 id='display-list'>
+Creating a list item: the 'display-list' property</h3>
 
 	<pre class="propdef">
-	Name: display-extras
+	Name: display-list
 	Value: none | list-item
 	Initial: none
 	Applies to: all elements
@@ -208,27 +208,19 @@ Additional stuff: the 'display-extras' property</h3>
 	Media: all
 	</pre>
 
-	<dl dfn-type="value" dfn-for="display-extras">
+	<dl dfn-type="value" dfn-for="display-list">
 		<dt><dfn>list-item</dfn>
 		<dd>
 			The element generates a <code>::marker</code> pseudo-element
 			and is considered a <a>list item</a>.
 	</dl>
 
-	<p class='issue'>
-		This property is probably dumb,
-		and at the very least has a dumb name.
-		Better names?
-		If I define more one-off weird box-generation details like this,
-		should I merge them into a single "extras" property like this,
-		or just have them all be separate properties?
-
 <h3 id='the-display'>
 The 'display' shorthand property</h3>
 
 	<pre class="propdef">
 	Name: display
-	Value: inline | block | list-item | inline-list-item | inline-block | table | inline-table | table-cell | table-caption | flex | inline-flex | grid | inline-grid | [ <<'display-inside'>> || <<'display-outside'>> || <<'display-extras'>> ]
+	Value: inline | block | list-item | inline-list-item | inline-block | table | inline-table | table-cell | table-caption | flex | inline-flex | grid | inline-grid | [ <<'display-inside'>> || <<'display-outside'>> || <<'display-list'>> ]
 	Initial: see individual properties
 	Applies to: see individual properties
 	Inherited: see individual properties

css-display/Overview.html

@@ -54,7 +54,7 @@
 </p>
   <h1 class="p-name no-ref" id=title>CSS Display Module Level 3</h1>
   <h2 class="no-num no-toc no-ref heading settled" id=subtitle><span class=content>Editor’s Draft,
-    <span class=dt-updated><span class=value-title title=20140812>12 August 2014</span></span></span></h2>
+    <span class=dt-updated><span class=value-title title=20140813>13 August 2014</span></span></span></h2>
   <div data-fill-with=spec-metadata><dl>
 	<dt>This version:
 	<dd><a class=u-url href=http://dev.w3.org/csswg/css-display>http://dev.w3.org/csswg/css-display</a>
@@ -120,7 +120,7 @@ <h2 class="no-num no-toc no-ref heading settled" id=contents><span class=content
 		<ul class=toc>
 		<li><a href=#the-display-inside><span class=secno>2.1</span>  Setting the layout mode: the <span class=property data-link-type=propdesc title=display-inside>display-inside</span> property</a>
 		<li><a href=#the-display-outside><span class=secno>2.2</span>  Interacting with the layout mode: the <span class=property data-link-type=propdesc title=display-outside>display-outside</span> property</a>
-		<li><a href=#the-display-extras><span class=secno>2.3</span>  Additional stuff: the <span class=property data-link-type=propdesc title=display-extras>display-extras</span> property</a>
+		<li><a href=#display-list><span class=secno>2.3</span>  Creating a list item: the <span class=property data-link-type=propdesc title=display-list>display-list</span> property</a>
 		<li><a href=#the-display><span class=secno>2.4</span>  The <span class=property data-link-type=propdesc title=display>display</span> shorthand property</a></ul>
 	<li><a href=#box-suppress><span class=secno>3</span>  Controlling box generation: the <span class=property data-link-type=propdesc title=box-suppress>box-suppress</span> property</a>
 	<li><a href=#run-in><span class=secno>4</span>  Run-In Layout</a>
@@ -308,30 +308,22 @@ <h3 class="heading settled" data-level=2.2 id=the-display-outside><span class=se
 		Is <a href=http://lists.w3.org/Archives/Public/www-style/2012Jul/0450.html>fantasai’s proposal for a run-in model</a> sane enough to include in this spec?
 
 
-<h3 class="heading settled" data-level=2.3 id=the-display-extras><span class=secno>2.3 </span><span class=content>
-Additional stuff: the <a class=property data-link-type=propdesc href=#propdef-display-extras title=display-extras>display-extras</a> property</span><a class=self-link href=#the-display-extras></a></h3>
+<h3 class="heading settled" data-level=2.3 id=display-list><span class=secno>2.3 </span><span class=content>
+Creating a list item: the <a class=property data-link-type=propdesc href=#propdef-display-list title=display-list>display-list</a> property</span><a class=self-link href=#display-list></a></h3>
 
-<table class="definition propdef"><tr><th>Name:<td><dfn class=css data-dfn-type=property data-export="" id=propdef-display-extras>display-extras<a class=self-link href=#propdef-display-extras></a></dfn><tr><th>Value:<td class=prod>none <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> list-item<tr><th>Initial:<td>none<tr><th>Applies to:<td>all elements<tr><th>Inherited:<td>no<tr><th>Media:<td>all<tr><th>Computed value:<td>as specified<tr><th>Percentages:<td>n/a</table>
+<table class="definition propdef"><tr><th>Name:<td><dfn class=css data-dfn-type=property data-export="" id=propdef-display-list>display-list<a class=self-link href=#propdef-display-list></a></dfn><tr><th>Value:<td class=prod>none <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> list-item<tr><th>Initial:<td>none<tr><th>Applies to:<td>all elements<tr><th>Inherited:<td>no<tr><th>Media:<td>all<tr><th>Computed value:<td>as specified<tr><th>Percentages:<td>n/a</table>
 
-	<dl data-dfn-for=display-extras data-dfn-type=value>
-		<dt><dfn class=css data-dfn-for=display-extras data-dfn-type=value data-export="" id=valuedef-display-extras-list-item>list-item<a class=self-link href=#valuedef-display-extras-list-item></a></dfn>
+	<dl data-dfn-for=display-list data-dfn-type=value>
+		<dt><dfn class=css data-dfn-for=display-list data-dfn-type=value data-export="" id=valuedef-display-list-list-item>list-item<a class=self-link href=#valuedef-display-list-list-item></a></dfn>
 		<dd>
 			The element generates a <code>::marker</code> pseudo-element
 			and is considered a <a data-link-type=dfn href=http://dev.w3.org/csswg/css-lists-3/#list-item title="list item">list item</a>.
 	</dl>
 
-	<p class=issue id=issue-70026084><a class=self-link href=#issue-70026084></a>
-		This property is probably dumb,
-		and at the very least has a dumb name.
-		Better names?
-		If I define more one-off weird box-generation details like this,
-		should I merge them into a single "extras" property like this,
-		or just have them all be separate properties?
-
 <h3 class="heading settled" data-level=2.4 id=the-display><span class=secno>2.4 </span><span class=content>
 The <a class=property data-link-type=propdesc href=#propdef-display title=display>display</a> shorthand property</span><a class=self-link href=#the-display></a></h3>
 
-<table class="definition propdef"><tr><th>Name:<td><dfn class=css data-dfn-type=property data-export="" id=propdef-display>display<a class=self-link href=#propdef-display></a></dfn><tr><th>Value:<td class=prod>inline <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> block <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> list-item <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline-list-item <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline-block <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> table <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline-table <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> table-cell <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> table-caption <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> flex <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline-flex <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> grid <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline-grid <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> [ <a class=production data-link-type=propdesc href=#propdef-display-inside title=display-inside>&lt;‘display-inside’&gt;</a> <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-any title=||>||</a> <a class=production data-link-type=propdesc href=#propdef-display-outside title=display-outside>&lt;‘display-outside’&gt;</a> <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-any title=||>||</a> <a class=production data-link-type=propdesc href=#propdef-display-extras title=display-extras>&lt;‘display-extras’&gt;</a> ]<tr><th>Initial:<td>see individual properties<tr><th>Applies to:<td>see individual properties<tr><th>Inherited:<td>see individual properties<tr><th>Media:<td>see individual properties<tr><th>Computed value:<td>see individual properties<tr><th>Animatable:<td>see individual properties</table>
+<table class="definition propdef"><tr><th>Name:<td><dfn class=css data-dfn-type=property data-export="" id=propdef-display>display<a class=self-link href=#propdef-display></a></dfn><tr><th>Value:<td class=prod>inline <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> block <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> list-item <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline-list-item <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline-block <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> table <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline-table <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> table-cell <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> table-caption <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> flex <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline-flex <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> grid <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline-grid <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> [ <a class=production data-link-type=propdesc href=#propdef-display-inside title=display-inside>&lt;‘display-inside’&gt;</a> <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-any title=||>||</a> <a class=production data-link-type=propdesc href=#propdef-display-outside title=display-outside>&lt;‘display-outside’&gt;</a> <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-any title=||>||</a> <a class=production data-link-type=propdesc href=#propdef-display-list title=display-list>&lt;‘display-list’&gt;</a> ]<tr><th>Initial:<td>see individual properties<tr><th>Applies to:<td>see individual properties<tr><th>Inherited:<td>see individual properties<tr><th>Media:<td>see individual properties<tr><th>Computed value:<td>see individual properties<tr><th>Animatable:<td>see individual properties</table>
 
 <p>The single-keyword values listed explicitly in the grammar above are handled specially,
 	for legacy reasons.
@@ -666,8 +658,8 @@ <h2 class="no-num no-ref heading settled" id=index><span class=content>
 <li>contents, <a href=#valuedef-display-outside-contents title="section 2.2">2.2</a>
 <li>discard, <a href=#valuedef-box-suppress-discard title="section 3">3</a>
 <li>display, <a href=#propdef-display title="section 2.4">2.4</a>
-<li>display-extras, <a href=#propdef-display-extras title="section 2.3">2.3</a>
 <li>display-inside, <a href=#propdef-display-inside title="section 2.1">2.1</a>
+<li>display-list, <a href=#propdef-display-list title="section 2.3">2.3</a>
 <li>display-outside, <a href=#propdef-display-outside title="section 2.2">2.2</a>
 <li>flex<ul><li>value for display-inside, <a href=#valuedef-display-inside-flex title="section 2.1">2.1</a>
 <li>value for display, <a href=#valuedef-display-flex title="section 2.4">2.4</a>
@@ -684,7 +676,7 @@ <h2 class="no-num no-ref heading settled" id=index><span class=content>
 <li>internal ruby element, <a href=#valuedef-display-outside-internal-ruby-element title="section 2.2">2.2</a>
 <li>internal table element, <a href=#valuedef-display-outside-internal-table-element title="section 2.2">2.2</a>
 <li>layout-specific display role, <a href=#layout-specific-display-role title="section 2.2">2.2</a>
-<li>list-item<ul><li>value for display-extras, <a href=#valuedef-display-extras-list-item title="section 2.3">2.3</a>
+<li>list-item<ul><li>value for display-list, <a href=#valuedef-display-list-list-item title="section 2.3">2.3</a>
 <li>value for display, <a href=#valuedef-display-list-item title="section 2.4">2.4</a>
 </ul><li>none, <a href=#valuedef-display-outside-none title="section 2.2">2.2</a>
 <li>ruby, <a href=#valuedef-display-inside-ruby title="section 2.1">2.1</a>
@@ -714,8 +706,8 @@ <h2 class="no-num no-ref heading settled" id=property-index><span class=content>
 <div data-fill-with=property-index><table class="proptable data"><thead><tr><th scope=col>Name<th scope=col>Value<th scope=col>Initial<th scope=col>Applies to<th scope=col>Inh.<th scope=col>%ages<th scope=col>Media<th scope=col>Animatable<th scope=col>Computed value<tbody>
 <tr><th scope=row><a class=css data-link-type=property href=#propdef-display-inside title=display-inside>display-inside</a><td>auto | block | table | flex | grid | ruby<td>auto<td>all elements<td>no<td>n/a<td>all<td><td>a keyword
 <tr><th scope=row><a class=css data-link-type=property href=#propdef-display-outside title=display-outside>display-outside</a><td>block-level | inline-level | run-in | contents | none | table-row-group | table-header-group | table-footer-group | table-row | table-cell | table-column-group | table-column | table-caption | ruby-base | ruby-text | ruby-base-container | ruby-text-container<td>inline-level<td>all elements<td>no<td>n/a<td>all<td><td>as specified
-<tr><th scope=row><a class=css data-link-type=property href=#propdef-display-extras title=display-extras>display-extras</a><td>none | list-item<td>none<td>all elements<td>no<td>n/a<td>all<td><td>as specified
-<tr><th scope=row><a class=css data-link-type=property href=#propdef-display title=display>display</a><td>inline | block | list-item | inline-list-item | inline-block | table | inline-table | table-cell | table-caption | flex | inline-flex | grid | inline-grid | [ &lt;‘display-inside’&gt; || &lt;‘display-outside’&gt; || &lt;‘display-extras’&gt; ]<td>see individual properties<td>see individual properties<td>see individual properties<td><td>see individual properties<td>see individual properties<td>see individual properties
+<tr><th scope=row><a class=css data-link-type=property href=#propdef-display-list title=display-list>display-list</a><td>none | list-item<td>none<td>all elements<td>no<td>n/a<td>all<td><td>as specified
+<tr><th scope=row><a class=css data-link-type=property href=#propdef-display title=display>display</a><td>inline | block | list-item | inline-list-item | inline-block | table | inline-table | table-cell | table-caption | flex | inline-flex | grid | inline-grid | [ &lt;‘display-inside’&gt; || &lt;‘display-outside’&gt; || &lt;‘display-list’&gt; ]<td>see individual properties<td>see individual properties<td>see individual properties<td><td>see individual properties<td>see individual properties<td>see individual properties
 <tr><th scope=row><a class=css data-link-type=property href=#propdef-box-suppress title=box-suppress>box-suppress</a><td>show | discard | hide<td>normal<td>all elements<td>no<td>n/a<td>all<td><td>see prose</table></div>
 
 
@@ -728,12 +720,4 @@ <h2 class="no-num heading settled" id=issues-index><span class=content>Issues In
 		Is <a href=http://lists.w3.org/Archives/Public/www-style/2012Jul/0450.html>fantasai’s proposal for a run-in model</a> sane enough to include in this spec?
 
 
-<a href=#issue-959f23ef> ↵ </a></div><div class=issue>
-		This property is probably dumb,
-		and at the very least has a dumb name.
-		Better names?
-		If I define more one-off weird box-generation details like this,
-		should I merge them into a single "extras" property like this,
-		or just have them all be separate properties?
-
-<a href=#issue-70026084> ↵ </a></div></div>
+<a href=#issue-959f23ef> ↵ </a></div></div>