Linting errors (#3994)

* Stylelint fixes

* Markdown linting

* Remove bad rule

Author: tunetheweb

.github/linters/.stylelintrc.json

@@ -25,14 +25,8 @@
             }
         ],
         "length-zero-no-unit": null,
-        "max-line-length": null,
+        "media-feature-range-notation": null,
         "no-descending-specificity": null,
-        "no-eol-whitespace": [
-            true,
-            {
-                "ignore": ["empty-lines"]
-            }
-        ],
         "property-no-unknown": [
             true,
             {
@@ -45,15 +39,13 @@
                 "ignoreProperties": ["appearance", "grid-row", "grid-column", "text-size-adjust", "transform", "transition"]
             }
         ],
-        "selector-list-comma-newline-after": "always",
         "selector-pseudo-element-no-unknown": [
             true,
             {
                 "ignorePseudoElements": ["footnote-call","footnote-marker"]
             }
         ],
         "shorthand-property-no-redundant-values": null,
-        "string-quotes": null,
         "value-keyword-case": [
             "lower",
             {

src/content/en/2019/media.md

@@ -322,7 +322,7 @@ The utility of `srcset` is usually dependent on the precision of the `sizes` med
 
 {{ figure_markup(
   image="fig16_top_patterns_of_img_sizes.png",
-  caption="Top patterns of <code><img sizes></code>.",
+  caption="Top patterns of `<img sizes>`.",
   description="Bar chart showing 11.3 million images use 'img sizes=`(max-width: 300px) 100vw, 300px`', 1.60 million use 'auto', 1.00 million use 'img sizes=`(max-width: 767px) 89vw...etc.`', 0.23 million use '100vw' and 0.13 million use '300px'",
   chart_url="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=663985412&format=interactive"
   )

src/content/es/2019/media.md

@@ -322,7 +322,7 @@ La utilidad de `srcset` normalmente depende de la precisión de la media query `
 
 {{ figure_markup(
   image="fig16_top_patterns_of_img_sizes.png",
-  caption="Top de patrones de <code><img sizes></code>.",
+  caption="Top de patrones de `<img sizes>`.",
   description="Gráfico de barras que muestra que 11,3 millones de imágenes usan 'img sizes=`(max-width: 300px) 100vw, 300px`', 1,60 millones usan 'auto', 1 millón usan 'img sizes=`(max-width: 767px) 89vw...etc.`', 0,23 millones usan '100vw' y 0,13 millones usan '300px'",
   chart_url="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=663985412&format=interactive"
   )

src/content/fr/2019/media.md

@@ -322,7 +322,7 @@ L’utilité de `srcset` dépend généralement de la précision de la requête
 
 {{ figure_markup(
   image="fig16_top_patterns_of_img_sizes.png",
-  caption="Principaux modèles de conception de <code><img sizes></code>.",
+  caption="Principaux modèles de conception de `<img sizes>`.",
   description="Diagramme à barres montrant que 11,3 millions d’images utilisent 'img sizes=`(max-width: 300px) 100vw, 300px`', 1,60 million utilisent 'auto', 1,00 million utilisent 'img sizes=`(max-width : 767px) 89vw...etc.`', 0,23 million utilisent '100vw' et 0,13 million utilisent '300px'.",
   chart_url="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=663985412&format=interactive"
   )

src/content/ja/2019/media.md

@@ -322,7 +322,7 @@ CSSピクセルと自然ピクセル量を見ると、中央値のウェブサ
 
 {{ figure_markup(
   image="fig16_top_patterns_of_img_sizes.png",
-  caption="<code><img sizes></code> のトップパターン。",
+  caption="`<img sizes>` のトップパターン。",
   description="1,130万枚の画像が「img sizes=`(max-width: 300px) 100vw, 300px`」を使用しており、「auto」が160万枚、「img sizes=`(max-width: 767px) 89vwなどなど`」が100万枚、「100vw」が23万枚、「300px」が13万枚であることを棒グラフで示しています。",
   chart_url="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=663985412&format=interactive"
   )

src/static/css/almanac.css

@@ -612,7 +612,6 @@ header .cta {
 }
 
 .search-button {
-  border-color: #000;
   background-color: #f7f779;
   padding: 6px 27px;
   width: auto;

src/static/css/ebook.css

@@ -376,6 +376,7 @@ section.chapter {
   }
 
   #toc a::after {
+    /* stylelint-disable-next-line declaration-property-value-no-unknown */
     content: leader('.') target-counter(attr(href), page);
   }
 
@@ -483,6 +484,7 @@ section.chapter {
 
   .fn {
     display: inline;
+    /* stylelint-disable-next-line declaration-property-value-no-unknown */
     float: footnote;
     counter-increment: footnote;
     font-size: 10px;
@@ -499,7 +501,6 @@ section.chapter {
     font-size: 6px;
     font-size: 0.375rem;
     vertical-align: super;
-    line-height: none;
   }
 
   .fn::footnote-marker {

src/static/css/index.css

@@ -613,7 +613,7 @@ p {
     margin-left: 20px;
     margin-left: min(20px, 5vw);
     margin-right: 20px;
-    margin-right: min (20px, 5vw);
+    margin-right: min(20px, 5vw);
   }
 
   .people {

src/static/css/page.css

@@ -685,6 +685,7 @@ figure .big-number {
   font: bold 128px/1em 'Poppins', sans-serif;
   font: bold 8rem/1em 'Poppins', sans-serif;
   color: #62718b;
+  /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */
   word-break: break-word;
   overflow-wrap: break-word;
   margin: 0.1em 0;
@@ -695,6 +696,7 @@ figure .medium-number {
   font: bold 48px/1em 'Poppins', sans-serif;
   font: bold 3rem/1em 'Poppins', sans-serif;
   color: #62718b;
+  /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */
   word-break: break-word;
   overflow-wrap: break-word;
 }
@@ -704,6 +706,7 @@ figure .really-big-number {
   font: bold 24px/1em 'Poppins', sans-serif;
   font: bold 1.5rem/1em 'Poppins', sans-serif;
   color: #62718b;
+  /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */
   word-break: break-word;
   overflow-wrap: break-word;
 }