[csswg] [css-lists][css-counter-styles] Per WG resolution, spacing between marker and content should be handled by the counter style suffix.

Author: tabatkins

css-counter-styles/Overview.bs

@@ -227,7 +227,7 @@ Cycling Symbols: the ''cyclic'' system</h4>
 		@counter-style <dfn noexport>triangle</dfn> {
 			system: cyclic;
 			symbols: ‣;
-			suffix: "";
+			suffix: " ";
 		}
 		</pre>
 
@@ -274,7 +274,7 @@ Exhaustible Symbols: the ''fixed'' system</h4>
 		@counter-style <dfn noexport>box-corner</dfn> {
 			system: fixed;
 			symbols: ◰ ◳ ◲ ◱;
-			suffix: ':';
+			suffix: ': ';
 		}
 		</pre>
 
@@ -321,7 +321,7 @@ Repeating Symbols: the ''symbolic'' system</h4>
 		@counter-style <dfn noexport>footnote</dfn> {
 			system: symbolic;
 			symbols: '*' ⁑ † ‡;
-			suffix: "";
+			suffix: " ";
 		}
 		</pre>
 
@@ -401,7 +401,7 @@ Bijective Numerals: the <a value for=system>alphabetic</a> system</h4>
 		@counter-style <dfn noexport>go</dfn> {
 			system: alphabetic;
 			symbols: url(white.svg) url(black.svg);
-			suffix: "";
+			suffix: " ";
 		}
 		</pre>
 
@@ -528,19 +528,19 @@ Accumulating Numerals: the ''additive'' system</h4>
 		@counter-style <dfn noexport>dice</dfn> {
 			system: additive;
 			additive-symbols: 6 ⚅, 5 ⚄, 4 ⚃, 3 ⚂, 2 ⚁, 1 ⚀;
-			suffix: "";
+			suffix: " ";
 		}
 		</pre>
 
 		It will then produce lists that look like:
 
 		<pre>
-		⚀    One
-		⚁    Two
-		⚂    Three
+		  ⚀  One
+		  ⚁  Two
+		  ⚂  Three
 		...
-		⚅⚄   Eleven
-		⚅⚅   Twelve
+		 ⚅⚄  Eleven
+		 ⚅⚅  Twelve
 		⚅⚅⚀  Thirteen
 		</pre>
 	</div>
@@ -665,7 +665,7 @@ Symbols after the marker: the 'suffix' descriptor</h3>
 	Name: suffix
 	For: @counter-style
 	Value: <<symbol>>
-	Initial: "\2E" ("." full stop)
+	Initial: "\2E\20" ("." full stop followed by a space)
 	</pre>
 
 	The 'suffix' descriptor specifies a <<symbol>> that is appended to the
@@ -952,7 +952,7 @@ Speech Synthesis: the 'speak-as' descriptor</h3>
 		  system: alphabetic;
 		  speak-as: lower-latin;
 		  symbols: ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ;
-		  suffix: "";
+		  suffix: " ";
 		}
 		</pre>
 
@@ -980,7 +980,8 @@ Defining Anonymous Counter Styles: the ''symbols()'' function</h2>
 
 	The ''symbols()'' function defines an anonymous counter style
 	with no name,
-	a 'prefix' and 'suffix' of ''""'' (the empty string),
+	a 'prefix' of ''""'' (empty string)
+	and 'suffix' of ''" "'' (U+0020 SPACE),
 	a 'range' of <a value for=range>auto</a>,
 	a 'fallback' of ''decimal'',
 	a 'negative' of ''"\2D"'' ("-" hyphen-minus),
@@ -1316,32 +1317,32 @@ Symbolic: ''disc'', ''circle'', ''square'', ''disclosure-open'', ''disclosure-cl
 		system: cyclic;
 		symbols: \2022;
 		/* • */
-		suffix: "";
+		suffix: " ";
 	}
 
 	@counter-style circle {
 		system: cyclic;
 		symbols: \25E6;
 		/* ◦ */
-		suffix: "";
+		suffix: " ";
 	}
 
 	@counter-style square {
 		system: cyclic;
 		symbols: \25FE;
 		/* ◾ */
-		suffix: "";
+		suffix: " ";
 	}
 
 	@counter-style disclosure-open {
 		system: cyclic;
-		suffix: "";
+		suffix: " ";
 		/* for symbols, see normative text below */
 	}
 
 	@counter-style disclosure-closed {
 		system: cyclic;
-		suffix: "";
+		suffix: " ";
 		/* for symbols, see normative text below */
 	}
 	</pre>

css-lists/Overview.bs

@@ -1353,13 +1353,6 @@ Sample style sheet for HTML</h2>
 			unicode-bidi: isolate;
 			/* 'position' computes to "static" or "marker" depending on list-style-position */
 		}
-
-		li:dir(ltr)::marker {
-			margin-right: 1em;
-		}
-		li:dir(rtl)::marker {
-			margin-left: 1em;
-		}
 	</pre>