Revert site layout

CHANGELOG.adoc

@@ -20,6 +20,11 @@ and this project adheres to https://semver.org/spec/v2.0.0.html[Semantic Version
 == Unreleased
 
 
+=== Fixed
+
+- Revert the site layout.
+
+
 
 
 == [0.4.0] - 2023-02-24

assets/scss/layout.scss

@@ -1,13 +1,17 @@
-[aria-label="Site header"] {
-  @include header-link-hover-style;
+header[aria-label="Site header"] {
   position: relative;
 
   a {
     color: var(--base06);
+
+    &:hover {
+      color: var(--base0C);
+      text-decoration: unset;
+    }
   }
 }
 
-[aria-label="Site footer"] {
+footer[aria-label="Site footer"] {
   > * {
     margin-top: 1em;
     margin-bottom: 0;
@@ -70,7 +74,7 @@
   right: 0;
 
   &:hover {
-    color: unset;
+    color: unset !important;
     & .site__theme-dropdown {
       display: unset;
     }

layouts/partials/header.html

@@ -1,4 +1,4 @@
-<div aria-label="Site header">
+<header aria-label="Site header">
   <nav>
     <a class="site__title" href="{{ "" | absLangURL }}">{{ $.Site.Title }}</a>
     <div class="list site__links">
@@ -10,4 +10,4 @@
     </div>
   </nav>
   {{- partial "components/theme-button.html" . }}
-</div>
+</header>