add stylelint-config-clean-order

pkmn · Nov 7, 2023 · 828ca98 · 828ca98
1 parent 98c8b81
commit 828ca98
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 23 deletions.
diff --git a/package.json b/package.json
@@ -28,6 +28,7 @@
     "@untitaker/hyperlink": "^0.1.31",
     "eslint": "^8.52.0",
     "stylelint": "^15.11.0",
+    "stylelint-config-clean-order": "^5.2.0",
     "stylelint-config-standard": "^34.0.0"
   },
   "scripts": {
@@ -47,6 +48,9 @@
     "extends": "@pkmn"
   },
   "stylelint": {
-    "extends": "stylelint-config-standard"
+    "extends": [
+      "stylelint-config-standard",
+      "stylelint-config-clean-order"
+    ]
   }
 }
diff --git a/src/static/index.css b/src/static/index.css
@@ -1,27 +1,30 @@
 body {
-  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
-  height: 100dvh;
   display: flex;
   flex-direction: column;
+
+  height: 100dvh;
   margin: 0;
+
+  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 .topbar {
-  background-color: black;
-  color: white;
   font-weight: normal;
   font-style: italic;
   line-height: 2em;
+  color: white;
+
+  background-color: black;
 }
 
 h1 {
   font-size: calc(var(--header-size) * 3);
 }
 
 h2 {
+  margin-top: 0;
   font-size: calc(var(--header-size) * 1.5);
   text-transform: uppercase;
-  margin-top: 0;
 }
 
 h3 {
@@ -46,18 +49,20 @@ header, header h1 {
 }
 
 #content {
-  padding: 0.5em 8px 0;
-  margin: 0 auto;
   max-width: var(--max-width);
+  margin: 0 auto;
+  padding: 0.5em 8px 0;
 }
 
 table {
+  border-spacing: 0;
   border-collapse: collapse;
+
   min-width: 100%;
   margin: 0 auto;
-  text-align: left;
-  border-spacing: 0;
+
   line-height: 1.15em;
+  text-align: left;
 }
 
 td, th {
@@ -81,25 +86,25 @@ tr:first-child td {
 }
 
 a {
-  text-decoration: none;
   color: unset;
+  text-decoration: none;
 }
 
 footer a {
   display: inline-flex;
-  vertical-align: top;
-  padding: 1em 0;
   gap: 5px;
+  padding: 1em 0;
+  vertical-align: top;
 }
 
 a:visited {
-  text-decoration: none;
   color: unset;
+  text-decoration: none;
 }
 
 a:hover, a:focus, a:active  {
-  text-decoration: underline;
   color: unset;
+  text-decoration: underline;
 }
 
 h1 a:hover, h1 a:focus, h1 a:active  {
@@ -137,13 +142,17 @@ nav li {
 }
 
 nav input {
-  clip: rect(0 0 0 0);
-  clip-path: inset(100%);
-  height: 1px;
-  overflow: hidden;
   position: absolute;
-  white-space: nowrap;
+
+  overflow: hidden;
+
   width: 1px;
+  height: 1px;
+
+  white-space: nowrap;
+
+  clip: rect(0 0 0 0);
+  clip-path: inset(100%);
 }
 
 nav label {
@@ -156,13 +165,13 @@ nav input:checked + label {
 
 footer {
   margin-top: auto;
-  text-align: center;
   line-height: var(--svg);
+  text-align: center;
 }
 
 footer img {
-  height: var(--svg);
   width: var(--svg);
+  height: var(--svg);
 }
 
 #concepts li {
@@ -249,8 +258,8 @@ footer img {
   }
 
   #research dt {
-    width: 20%;
     display: block;
+    width: 20%;
   }
 
   #research dd {