mkdocs-upgrade: restyle footer

Eigentlich wollte ich nur die alten, kaputten, overrides reparieren, aber dann
hab ich auf einmal die Farbe geändert. Upsi.

overrides/assets/stylesheets/extra.css

@@ -4,6 +4,8 @@
     --md-primary-fg-color--dark: #06889C;
     --md-typeset-color: #000000;
     --md-default-fg-color: #000000;
+    --md-footer-fg-color: #333333;
+    --md-footer-bg-color: #eeeeee;
     --md-typeset-kbd-color: hsla(0, 0%, 97%, 1);
 }
 html {
@@ -65,23 +67,19 @@ html {
     line-height: 3rem;
 }
 
-.md-footer-nav__inner, .md-footer-nav__link--prev, .md-footer-nav__link--next {
-    padding: 0;
-}
-.md-footer-nav__direction {
-    padding: 0 1rem;
-    margin-top: .1rem;
-    font-size: .6rem;
-    line-height: 1rem;
+.md-footer__link {
+    padding-top: 0;
+    padding-bottom: 0;
 }
-.md-footer-nav__title{
-    font-size: .8rem;
-    flex-grow: 1;
+
+.md-footer__title {
+    font-size: .7rem;
 }
-.md-footer-meta__inner, .md-footer-copyright, .md-footer-social {
-    max-width: 50%;
-    padding: 0;
+
+.md-footer__direction {
+    font-size: .6rem;
 }
+
 .md-typeset__scrollwrap {
     overflow-x: visible;
     position: relative;

overrides/partials/footer.html

@@ -1,82 +1,30 @@
-<!--
-  Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to
-  deal in the Software without restriction, including without limitation the
-  rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
-  sell copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-  FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
-  IN THE SOFTWARE.
--->
-
-{% import "partials/language.html" as lang with context %}
-
-<!-- Application footer -->
 <footer class="md-footer">
-
-  <!-- Link to previous and/or next page -->
-  {% if (page.previous_page or page.next_page) and page.parent%}
-    <div class="md-footer-nav">
-      <nav
-        class="md-footer-nav__inner md-grid"
-        aria-label="{{ lang.t('footer.title') }}"
-      >
-
-        <!-- Link to previous page -->
-        {% if page.previous_page %}
-          <a
-            href="{{ page.previous_page.url | url }}"
-            title="{{ page.previous_page.title | striptags }}"
-            class="md-footer-nav__link md-footer-nav__link--prev"
-            rel="prev"
-          >
-            <div class="md-footer-nav__button md-icon">
-              {% include ".icons/material/arrow-left.svg" %}
+  {% if page.previous_page or page.next_page %}
+    <nav class="md-footer__inner md-grid" aria-label="{{ lang.t('footer.title') }}">
+      {% if page.previous_page %}
+        <a href="{{ page.previous_page.url | url }}" class="md-footer__link md-footer__link--prev" rel="prev">
+          <div class="md-footer__button md-icon">
+            {% include ".icons/material/arrow-left.svg" %}
+          </div>
+          <div class="md-footer__title">
+            <div class="md-ellipsis">
+              {{ page.previous_page.title }}
             </div>
-            <div class="md-footer-nav__title">
-              <div class="md-ellipsis">
-                <span class="md-footer-nav__direction">
-                  {{ lang.t("footer.previous") }}
-                </span>
-                {{ page.previous_page.title }}
-              </div>
+          </div>
+        </a>
+      {% endif %}
+      {% if page.next_page %}
+        <a href="{{ page.next_page.url | url }}" class="md-footer__link md-footer__link--next" rel="next">
+          <div class="md-footer__title">
+            <div class="md-ellipsis">
+              {{ page.next_page.title }}
             </div>
-          </a>
-        {% endif %}
-
-        <!-- Link to next page -->
-        {% if page.next_page %}
-          <a
-            href="{{ page.next_page.url | url }}"
-            title="{{ page.next_page.title | striptags }}"
-            class="md-footer-nav__link md-footer-nav__link--next"
-            rel="next"
-          >
-            <div class="md-footer-nav__title">
-              <div class="md-ellipsis">
-                <span class="md-footer-nav__direction">
-                  {{ lang.t("footer.next") }}
-                </span>
-                {{ page.next_page.title }}
-              </div>
-            </div>
-            <div class="md-footer-nav__button md-icon">
-              {% include ".icons/material/arrow-right.svg" %}
-            </div>
-          </a>
-        {% endif %}
-      </nav>
-    </div>
+          </div>
+          <div class="md-footer__button md-icon">
+            {% include ".icons/material/arrow-right.svg" %}
+          </div>
+        </a>
+      {% endif %}
+    </nav>
   {% endif %}
 </footer>