Move non-layout rules out of layout.css

Author: DavidOliver

assets/css/_html.css

@@ -35,6 +35,18 @@
 @import "makeup.css";
 @import "tabset.css";
 
+body {
+  background-color: var(--background);
+  color: var(--textBody);
+  font-size: var(--text-md);
+  line-height: 1.6875em;
+}
+
+.swup-progress-bar {
+  height: 2px;
+  background-color: var(--progressBarColor);
+}
+
 option {
   background-color: var(--sidebarBackground);
 }

assets/css/focus.css

@@ -39,3 +39,8 @@ input[type="week"],
 textarea {
   outline: 0;
 }
+
+/* swup.js adds tabindex=-1 on Chrome, which then adds an outline when clicked */
+body {
+  outline: none !important;
+}

assets/css/layout.css

@@ -9,12 +9,6 @@ body {
   --sidebarWidth: 300px;
   --sidebarMinWidth: 300px;
   --sidebarTransitionDuration: 0.3s;
-  background-color: var(--background);
-  color: var(--textBody);
-  font-size: var(--text-md);
-  line-height: 1.6875em;
-  /* swup.js adds tabindex=-1 on Chrome, which then adds an outline when clicked */
-  outline: none !important;
 }
 
 *,
@@ -105,8 +99,3 @@ body {
     position: absolute;
   }
 }
-
-.swup-progress-bar {
-  height: 2px;
-  background-color: var(--progressBarColor);
-}