From ad2df5e6123fd316788fa538e3aa971579c0aa77 Mon Sep 17 00:00:00 2001
From: Jeremy McDermott <jeremy.mcdermott@gmail.com>
Date: Tue, 6 Feb 2024 11:43:40 -0400
Subject: [PATCH] LOYALIST-57 Subtheme styles

---
 .../scss/overrides/_navbar.scss               |  1 +
 .../the_loyalist_collection/scss/style.scss   | 96 ++++++++++---------
 2 files changed, 51 insertions(+), 46 deletions(-)

diff --git a/custom/themes/the_loyalist_collection/scss/overrides/_navbar.scss b/custom/themes/the_loyalist_collection/scss/overrides/_navbar.scss
index f322eaa..c04e5f8 100644
--- a/custom/themes/the_loyalist_collection/scss/overrides/_navbar.scss
+++ b/custom/themes/the_loyalist_collection/scss/overrides/_navbar.scss
@@ -20,6 +20,7 @@
     // Offset BS5 nav.branding boundary space characters re: wrap.
     margin-left: -0.25rem;
     padding: 0.25rem;
+    text-underline-offset: 0.35rem;
   }
   @media (min-width: 992px) {
     .site-logo {
diff --git a/custom/themes/the_loyalist_collection/scss/style.scss b/custom/themes/the_loyalist_collection/scss/style.scss
index daad725..1f9ca32 100644
--- a/custom/themes/the_loyalist_collection/scss/style.scss
+++ b/custom/themes/the_loyalist_collection/scss/style.scss
@@ -1,10 +1,58 @@
 @import 'imports';
 
-// Elements.
+// Browser overrides.
+header {
+  border-bottom: 5px solid var(--bs-dark);
+  margin-bottom: 1.5rem;
+
+  nav {
+    padding: 0.25rem 0;
+  }
+}
+
+main {
+  #main-content {
+    &:focus-visible {
+      outline-color: rgb(33, 37, 41, 0.25);
+    }
+  }
+}
+
+footer {
+  &.footer-dark {
+    a {
+      text-decoration: transparent $text-decoration-style;
+
+      &:focus-visible {
+        @include focus_outline($link-text-light);
+        background: inherit;
+      }
+      &:hover {
+        text-decoration: $link-text-light $text-decoration-style !important;
+      }
+    }
+  }
+
+  #footer-logo {
+    a {
+      img {
+        border-bottom: 1px solid transparent;
+        transition: $transition-all;
+      }
+
+      &:hover {
+        img {
+          border-bottom: 1px solid #fff;
+        }
+      }
+    }
+  }
+}
+
 a {
-  transition: all ease-in-out 0.25s!important;
   text-decoration: rgba(var(--bs-link-color-rgb), 0.15) $text-decoration-style;
   text-underline-offset: $text-underline-offset;
+  transition: all ease-in-out 0.25s!important;
 
   &:focus {
     text-decoration: transparent $text-decoration-style;
@@ -39,50 +87,6 @@ a {
   }
 }
 
-footer.footer-dark {
-  a {
-    text-decoration: transparent $text-decoration-style;
-
-    &:hover {
-      text-decoration: $link-text-light $text-decoration-style!important;
-    }
-    &:focus-visible {
-      @include focus_outline($link-text-light);
-      background: inherit;
-    }
-  }
-  #footer-logo {
-    a {
-      img {
-        border-bottom: 1px solid transparent;
-        transition: $transition-all;
-      }
-      &:hover {
-        img {
-          border-bottom: 1px solid #fff;
-        }
-      }
-    }
-  }
-}
-
-header {
-  border-bottom: 5px solid var(--bs-dark);
-  margin-bottom: 1.5rem;
-
-  nav {
-    padding: 0.25rem 0;
-  }
-}
-
-main {
-  #main-content {
-    &:focus-visible {
-      outline-color: rgb(33, 37, 41, 0.25);
-    }
-  }
-}
-
 .block-system-main-block {
   h3 {
     margin-top: 2rem;