LOYALIST-57 Subtheme styles

unb-libraries · Feb 6, 2024 · ad2df5e · ad2df5e
1 parent ba57303
commit ad2df5e
Show file tree

Hide file tree

Showing 2 changed files with 51 additions and 46 deletions.
diff --git 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
@@ -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;