Footer styling

Complete and clean.

docs/v3/DEVLOG.md

@@ -124,3 +124,5 @@
 - Tweaked and rebuilt the styling of `nav` elements. It should now be more mobile-friendly, too, especially when used in combination with a `.drawer`.
 - Rebuilt `.drawer`, breaking changes in the old code, but managable as far as I can tell.
 - `.drawer` will now be either left or right, no option for both. This can be altered in the code or by hand (if I make a tool, I should remember to add an option - *TODO*).
+- `footer` `display:block` fix removed - IE 9-.
+- `footer` rebuilt, pretty similar to the last iteration, except for colors.

docs/v3_dev/src/index.css

@@ -778,6 +778,11 @@ input:disabled, input[disabled], textarea:disabled, textarea[disabled], select:d
   --nav-hover-back-color: #f0f0f0;
   --nav-fore-color: #444;
   --nav-border-color: #ddd;
+  --nav-link-color: #0277bd;
+  --footer-fore-color: #444;
+  --footer-back-color: #f8f8f8;
+  --footer-border-color: #ddd;
+  --footer-link-color: #0277bd;
   --drawer-back-color: #f8f8f8;
   --drawer-hover-back-color: #f0f0f0;
   --drawer-border-color: #ddd;
@@ -838,7 +843,7 @@ nav * {
 
 nav a, nav a:visited {
   display: block;
-  color: var(--a-link-color);
+  color: var(--nav-link-color);
   border-radius: var(--universal-border-radius);
   transition: background 0.3s;
 }
@@ -878,6 +883,18 @@ nav .sublink-2:before {
   border-left: 0;
 }
 
+footer {
+  background: var(--footer-back-color);
+  color: var(--footer-fore-color);
+  border-top: 0.0625rem solid var(--footer-border-color);
+  padding: calc(2 * var(--universal-padding)) var(--universal-padding);
+  font-size: 0.875rem;
+}
+
+footer a, footer a:visited {
+  color: var(--footer-link-color);
+}
+
 header.sticky {
   position: -webkit-sticky;
   position: sticky;