feat(ci): run all linting actions

.github/workflows/auto-merge.yml

@@ -11,6 +11,6 @@ jobs:
       - uses: ahmadnassri/action-dependabot-auto-merge@v2
         with:
           github-token: ${{ secrets.GH_TOKEN }}
-          command: "squash and merge"
+          command: 'squash and merge'
           approve: true
           target: minor

.github/workflows/main.yml

@@ -19,11 +19,8 @@ jobs:
       - name: Install all npm packages
         run: npm ci
 
-      - name: Lint JS code
-        run: npm run lint:js
-
-      - name: Lint CSS code
-        run: npm run lint:css
+      - name: Lint files
+        run: npm test
 
       - name: Build all
         run: npm run build

.prettierignore

@@ -1 +1,3 @@
+CHANGELOG.md
 docs/
+live-examples/html-examples/inline-text-semantics/rtc.html

contributing/html-examples.md

@@ -182,8 +182,7 @@ In particular, see the following guidelines for the HTML source and the output:
 <img
   class="fit-picture"
   src="/media/examples/Grapefruit_Slice--332x332.jpg"
-  alt="Grapefruit slice atop a pile of other slices"
-/>
+  alt="Grapefruit slice atop a pile of other slices" />
 ```
 
 With a browser window width of 1000 pixels, this will wrap like this:
@@ -194,8 +193,7 @@ With a browser window width of 1000 pixels, this will wrap like this:
   src="/media/examples
 /Grapefruit_Slice--332x332.jpg"
   alt="Grapefruit slice atop a pile
-of other slices"
-/>
+of other slices" />
 ```
 
 If we add line breaks after each attribute, the example is much more readable:
@@ -204,8 +202,7 @@ If we add line breaks after each attribute, the example is much more readable:
 <img
   class="fit-picture"
   src="/media/examples/Grapefruit_Slice--332x332.jpg"
-  alt="Grapefruit slice atop a pile of other slices"
-/>
+  alt="Grapefruit slice atop a pile of other slices" />
 ```
 
 #### HTML output formal guidelines

live-examples/css-examples/@counter-style/meta.json

@@ -1,94 +1,94 @@
 {
-    "pages": {
-        "counterStyle": {
-            "cssExampleSrc": "./live-examples/css-examples/@counter-style/counter-style.css",
-            "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
-            "fileName": "counter-style.html",
-            "title": "CSS Demo: @counter-style",
-            "type": "tabbed",
-            "defaultTab": "css",
-            "height": "tabbed-shorter"
-        },
-        "counterStyleSystem": {
-            "cssExampleSrc": "./live-examples/css-examples/@counter-style/system.css",
-            "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
-            "fileName": "counter-style-system.html",
-            "title": "CSS Demo: system",
-            "type": "tabbed",
-            "defaultTab": "css",
-            "height": "tabbed-shorter"
-        },
-        "counterStyleNegative": {
-            "cssExampleSrc": "./live-examples/css-examples/@counter-style/negative.css",
-            "exampleCode": "./live-examples/css-examples/@counter-style/counter-list-negative.html",
-            "fileName": "counter-style-negative.html",
-            "title": "CSS Demo: negative",
-            "type": "tabbed",
-            "defaultTab": "css",
-            "height": "tabbed-shorter"
-        },
-        "counterStylePrefix": {
-            "cssExampleSrc": "./live-examples/css-examples/@counter-style/prefix.css",
-            "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
-            "fileName": "counter-style-prefix.html",
-            "title": "CSS Demo: prefix",
-            "type": "tabbed",
-            "defaultTab": "css",
-            "height": "tabbed-shorter"
-        },
-        "counterStyleSuffix": {
-            "cssExampleSrc": "./live-examples/css-examples/@counter-style/suffix.css",
-            "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
-            "fileName": "counter-style-suffix.html",
-            "title": "CSS Demo: suffix",
-            "type": "tabbed",
-            "defaultTab": "css",
-            "height": "tabbed-shorter"
-        },
-        "counterStyleRange": {
-            "cssExampleSrc": "./live-examples/css-examples/@counter-style/range.css",
-            "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
-            "fileName": "counter-style-range.html",
-            "title": "CSS Demo: range",
-            "type": "tabbed",
-            "defaultTab": "css",
-            "height": "tabbed-shorter"
-        },
-        "counterStylePad": {
-            "cssExampleSrc": "./live-examples/css-examples/@counter-style/pad.css",
-            "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
-            "fileName": "counter-style-pad.html",
-            "title": "CSS Demo: pad",
-            "type": "tabbed",
-            "defaultTab": "css",
-            "height": "tabbed-shorter"
-        },
-        "counterStyleFallback": {
-            "cssExampleSrc": "./live-examples/css-examples/@counter-style/fallback.css",
-            "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
-            "fileName": "counter-style-fallback.html",
-            "title": "CSS Demo: fallback",
-            "type": "tabbed",
-            "defaultTab": "css",
-            "height": "tabbed-shorter"
-        },
-        "counterStyleSymbols": {
-            "cssExampleSrc": "./live-examples/css-examples/@counter-style/symbols.css",
-            "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
-            "fileName": "counter-style-symbols.html",
-            "title": "CSS Demo: symbols",
-            "type": "tabbed",
-            "defaultTab": "css",
-            "height": "tabbed-shorter"
-        },
-        "counterStyleAdditiveSymbols": {
-            "cssExampleSrc": "./live-examples/css-examples/@counter-style/additive-symbols.css",
-            "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
-            "fileName": "counter-style-additive-symbols.html",
-            "title": "CSS Demo: additive-symbols",
-            "type": "tabbed",
-            "defaultTab": "css",
-            "height": "tabbed-shorter"
-        }
+  "pages": {
+    "counterStyle": {
+      "cssExampleSrc": "./live-examples/css-examples/@counter-style/counter-style.css",
+      "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
+      "fileName": "counter-style.html",
+      "title": "CSS Demo: @counter-style",
+      "type": "tabbed",
+      "defaultTab": "css",
+      "height": "tabbed-shorter"
+    },
+    "counterStyleSystem": {
+      "cssExampleSrc": "./live-examples/css-examples/@counter-style/system.css",
+      "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
+      "fileName": "counter-style-system.html",
+      "title": "CSS Demo: system",
+      "type": "tabbed",
+      "defaultTab": "css",
+      "height": "tabbed-shorter"
+    },
+    "counterStyleNegative": {
+      "cssExampleSrc": "./live-examples/css-examples/@counter-style/negative.css",
+      "exampleCode": "./live-examples/css-examples/@counter-style/counter-list-negative.html",
+      "fileName": "counter-style-negative.html",
+      "title": "CSS Demo: negative",
+      "type": "tabbed",
+      "defaultTab": "css",
+      "height": "tabbed-shorter"
+    },
+    "counterStylePrefix": {
+      "cssExampleSrc": "./live-examples/css-examples/@counter-style/prefix.css",
+      "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
+      "fileName": "counter-style-prefix.html",
+      "title": "CSS Demo: prefix",
+      "type": "tabbed",
+      "defaultTab": "css",
+      "height": "tabbed-shorter"
+    },
+    "counterStyleSuffix": {
+      "cssExampleSrc": "./live-examples/css-examples/@counter-style/suffix.css",
+      "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
+      "fileName": "counter-style-suffix.html",
+      "title": "CSS Demo: suffix",
+      "type": "tabbed",
+      "defaultTab": "css",
+      "height": "tabbed-shorter"
+    },
+    "counterStyleRange": {
+      "cssExampleSrc": "./live-examples/css-examples/@counter-style/range.css",
+      "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
+      "fileName": "counter-style-range.html",
+      "title": "CSS Demo: range",
+      "type": "tabbed",
+      "defaultTab": "css",
+      "height": "tabbed-shorter"
+    },
+    "counterStylePad": {
+      "cssExampleSrc": "./live-examples/css-examples/@counter-style/pad.css",
+      "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
+      "fileName": "counter-style-pad.html",
+      "title": "CSS Demo: pad",
+      "type": "tabbed",
+      "defaultTab": "css",
+      "height": "tabbed-shorter"
+    },
+    "counterStyleFallback": {
+      "cssExampleSrc": "./live-examples/css-examples/@counter-style/fallback.css",
+      "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
+      "fileName": "counter-style-fallback.html",
+      "title": "CSS Demo: fallback",
+      "type": "tabbed",
+      "defaultTab": "css",
+      "height": "tabbed-shorter"
+    },
+    "counterStyleSymbols": {
+      "cssExampleSrc": "./live-examples/css-examples/@counter-style/symbols.css",
+      "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
+      "fileName": "counter-style-symbols.html",
+      "title": "CSS Demo: symbols",
+      "type": "tabbed",
+      "defaultTab": "css",
+      "height": "tabbed-shorter"
+    },
+    "counterStyleAdditiveSymbols": {
+      "cssExampleSrc": "./live-examples/css-examples/@counter-style/additive-symbols.css",
+      "exampleCode": "./live-examples/css-examples/@counter-style/counter-list.html",
+      "fileName": "counter-style-additive-symbols.html",
+      "title": "CSS Demo: additive-symbols",
+      "type": "tabbed",
+      "defaultTab": "css",
+      "height": "tabbed-shorter"
     }
+  }
 }

live-examples/css-examples/fragmentation/box-decoration-break.html

@@ -1,8 +1,7 @@
 <section
   id="example-choice-list"
   class="example-choice-list"
-  data-property="box-decoration-break -webkit-box-decoration-break"
->
+  data-property="box-decoration-break -webkit-box-decoration-break">
   <div class="example-choice">
     <pre><code class="language-css">box-decoration-break: slice;
 -webkit-box-decoration-break: slice;</code></pre>

live-examples/css-examples/masking/mask-type.html

@@ -22,8 +22,7 @@
       xmlns="http://www.w3.org/2000/svg"
       xmlns:xlink="http://www.w3.org/1999/xlink"
       width="0"
-      height="0"
-    >
+      height="0">
       <defs>
         <mask id="example-element" maskContentUnits="objectBoundingBox">
           <rect x=".1" y=".1" width=".8" height=".8" fill="red" fill-opacity="0.5" />

live-examples/html-examples/embedded-content/iframe.html

@@ -3,6 +3,5 @@
   title="Inline Frame Example"
   width="300"
   height="200"
-  src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik"
->
+  src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik">
 </iframe>

live-examples/html-examples/image-and-multimedia/area.html

@@ -4,35 +4,30 @@
     coords="129,0,260,95,129,138"
     href="https://developer.mozilla.org/docs/Web/HTTP"
     target="_blank"
-    alt="HTTP"
-  />
+    alt="HTTP" />
   <area
     shape="poly"
     coords="260,96,209,249,130,138"
     href="https://developer.mozilla.org/docs/Web/HTML"
     target="_blank"
-    alt="HTML"
-  />
+    alt="HTML" />
   <area
     shape="poly"
     coords="209,249,49,249,130,139"
     href="https://developer.mozilla.org/docs/Web/JavaScript"
     target="_blank"
-    alt="JavaScript"
-  />
+    alt="JavaScript" />
   <area
     shape="poly"
     coords="48,249,0,96,129,138"
     href="https://developer.mozilla.org/docs/Web/API"
     target="_blank"
-    alt="Web APIs"
-  />
+    alt="Web APIs" />
   <area
     shape="poly"
     coords="0,95,128,0,128,137"
     href="https://developer.mozilla.org/docs/Web/CSS"
     target="_blank"
-    alt="CSS"
-  />
+    alt="CSS" />
 </map>
 <img usemap="#infographic" src="/media/examples/mdn-info.png" alt="MDN infographic" />

live-examples/html-examples/image-and-multimedia/img.html

@@ -1,5 +1,4 @@
 <img
   class="fit-picture"
   src="/media/cc0-images/grapefruit-slice-332-332.jpg"
-  alt="Grapefruit slice atop a pile of other slices"
-/>
+  alt="Grapefruit slice atop a pile of other slices" />

live-examples/html-examples/image-and-multimedia/map.html

@@ -4,21 +4,18 @@
     coords="130,147,200,107,254,219,130,228"
     href="https://developer.mozilla.org/docs/Web/HTML"
     target="_blank"
-    alt="HTML"
-  />
+    alt="HTML" />
   <area
     shape="poly"
     coords="130,147,130,228,6,219,59,107"
     href="https://developer.mozilla.org/docs/Web/CSS"
     target="_blank"
-    alt="CSS"
-  />
+    alt="CSS" />
   <area
     shape="poly"
     coords="130,147,200,107,130,4,59,107"
     href="https://developer.mozilla.org/docs/Web/JavaScript"
     target="_blank"
-    alt="JavaScript"
-  />
+    alt="JavaScript" />
 </map>
 <img usemap="#infographic" src="/media/examples/mdn-info2.png" alt="MDN infographic" />

live-examples/html-examples/input/datetime-local.html

@@ -6,5 +6,4 @@
   name="meeting-time"
   value="2018-06-12T19:30"
   min="2018-06-07T00:00"
-  max="2018-06-14T00:00"
-/>
+  max="2018-06-14T00:00" />