[css-forms-1][editorial] markdown fixes

Author: svgeesus

css-forms-1/Overview.bs

@@ -38,7 +38,7 @@ spec:css-forms-1; type:value; for:/; text:::placeholder
   implementing custom controls from scratch, which was a lot of work,
   hard to get right, and often broke either accessibility or platform conventions.
 
-# Opting Into [=Basic Appearance=]: the ''appearance: base'' value {#appearance}
+# Opting Into [=Basic Appearance=]: the ''appearance: base'' value # {#appearance}
 
   ISSUE: Move definition of ''appearance'' here.
 
@@ -81,7 +81,7 @@ spec:css-forms-1; type:value; for:/; text:::placeholder
 
   For HTML form controls specifically, these principles are applied through the required user agent stylesheet defined in [[#basic-appearance-stylesheet]].
 
-## Examples {#ex-appearance}
+## Examples ## {#ex-appearance}
 
   ISSUE: Refine these examples through implementation, experimentation, bikeshedding and improvements to the user agent stylesheet.
 
@@ -97,14 +97,14 @@ spec:css-forms-1; type:value; for:/; text:::placeholder
 
   NOTE: The form layout used by the following examples is not detailed.
 
-### Default User Agent Colors {#colors}
+### Default User Agent Colors ### {#colors}
 
   Here are the [=basic appearance=] colors inheriting respectively the default light and dark mode colors from the root element:
 
   <img src="images/base-screenshot.png" style="width: 50%; height: auto;" alt="Screenshot of the basic appearance with a light color scheme">
   <img src="images/base-screenshot-dark.png" style="width: 50%; height: auto;" alt="Screenshot of the basic appearance with a dark color scheme">  
 
-### Color/Font Customization {#custom}
+### Color/Font Customization ### {#custom}
 
   Here are some examples of customization being done on top of the [=basic appearance=]:
 
@@ -141,9 +141,9 @@ spec:css-forms-1; type:value; for:/; text:::placeholder
     <img src="images/base-example-2.png" style="width: 100%; height: auto;" alt="Screenshot of a customized basic appearance with green text and a black background">
   </div>
 
-# Styling Pickers {#pickers}
+# Styling Pickers # {#pickers}
 
-## The ''::picker()'' pseudo-element {#picker-pseudo}
+## The ''::picker()'' pseudo-element ## {#picker-pseudo}
 
   The <dfn>::picker()</dfn> pseudo-element represents the part of the form control that pops out of the page.
 
@@ -298,7 +298,7 @@ spec:css-forms-1; type:value; for:/; text:::placeholder
 
   ISSUE: Add illustrations.
 
-## Picker Opener Icon: the ''::picker-icon'' pseudo-element {#picker-icon}
+## Picker Opener Icon: the ''::picker-icon'' pseudo-element ## {#picker-icon}
 
   The <dfn>::picker-icon</dfn> pseudo-element represents the part of the control that represents the icon denoting the presence of the picker.
   It is only generated when the [=originating element=] has [=basic appearance=] and if it opens a picker.
@@ -322,7 +322,7 @@ spec:css-forms-1; type:value; for:/; text:::placeholder
     <pre class="lang-css">::file-selector-button { border: 3px solid green }</pre>
   </div>
 
-## Styling Checkmarks: the ''::checkmark'' pseudo-element {#checkmark}
+## Styling Checkmarks: the ''::checkmark'' pseudo-element ## {#checkmark}
 
   The <dfn>::checkmark</dfn> pseudo-element represents an indicator of whether the item is checked, and is present on checkboxes, radios, and option elements.
 
@@ -570,7 +570,7 @@ spec:css-forms-1; type:value; for:/; text:::placeholder
 
 # Pseudo-Classes # {#pseudo-classes}
 
-## Targeting Different Meter States: the '':low-value'' / '':high-value'' / '':optimal-value'' pseudo-classes {#meter-values}
+## Targeting Different Meter States: the '':low-value'' / '':high-value'' / '':optimal-value'' pseudo-classes ## {#meter-values}
 
   ISSUE(11336): Make sure this is able to replicate UA logic.
 
@@ -582,11 +582,11 @@ spec:css-forms-1; type:value; for:/; text:::placeholder
 
   The <dfn>:optimal-value</dfn> pseudo-class matches on a <{meter}> element when its value is in the range determined by the `optimum` / `low` / `high` HTML attributes.
 
-## Targeting Selects that are Listboxes {#selects-listboxes}
+## Targeting Selects that are Listboxes ## {#selects-listboxes}
 
   ISSUE(7422): Define something.
 
-# The ''control-value()'' function {#control-value}
+# The ''control-value()'' function # {#control-value}
 
   ISSUE: This is not ready for implementation, file an issue regarding this.
 
@@ -664,7 +664,7 @@ spec:css-forms-1; type:value; for:/; text:::placeholder
 
   ISSUE(11837): Color input styles need refining.
 
-## Basics {#stylesheet-basics}
+## Basics ## {#stylesheet-basics}
 
 ```css
 input,
@@ -681,7 +681,7 @@ progress {
 }
 ```
 
-## Layout {#stylesheet-layout}
+## Layout ## {#stylesheet-layout}
 ```css
 input:not([type=file], [type=range]),
 textarea,
@@ -696,7 +696,7 @@ progress {
 }
 ```
 
-## Sliders {#stylesheet-sliders}
+## Sliders ## {#stylesheet-sliders}
 
 ISSUE: Refine meter, progress, switch and range input styling.
 
@@ -720,7 +720,7 @@ ISSUE: Refine meter, progress, switch and range input styling.
 }
 ```
 
-## Checkboxes & radios {#stylesheet-checkbox-radio}
+## Checkboxes & radios ## {#stylesheet-checkbox-radio}
 
 ```css
 input:is([type=checkbox]:not([switch]), [type=radio]) {
@@ -748,7 +748,7 @@ input[type=radio]:checked::checkmark {
     width: 100%;
 }
 ```
-## Selects & buttons {#stylesheet-select-button}
+## Selects & buttons ## {#stylesheet-select-button}
 
 ```css
 select {