Centralized focus styling into mixin and applied to footer interactive elements

djanelle-mit · djanelle-mit · commit 44e4a0ace195 · 2025-10-20T16:52:40.000-04:00
diff --git a/app/assets/stylesheets/partials/_effects.scss b/app/assets/stylesheets/partials/_effects.scss
@@ -9,3 +9,10 @@
     text-decoration: none; // Included as fallback if text-decoration-color isn't supported
     text-decoration: underline transparent;
 }
+
+//
+@mixin set-focus-outline() {
+    *:focus-visible {
+        outline: 2px solid $color-focus-dark;
+    }
+}
diff --git a/app/assets/stylesheets/partials/_header.scss b/app/assets/stylesheets/partials/_header.scss
@@ -1,7 +1,5 @@
 .institute-bar, .libraries-header {
-    *:focus-visible {
-        outline: 2px solid $color-focus-dark;
-    }
+    @include set-focus-outline();
 }
 
 .institute-bar {
diff --git a/app/assets/stylesheets/partials/_layouts.scss b/app/assets/stylesheets/partials/_layouts.scss
@@ -37,6 +37,12 @@
 }
 
 // FOOTER STYLES
+
+.wrap-outer-footer, .wrap-outer-footer-institute {
+  @include set-focus-outline();
+}
+
+
 .wrap-footer.footer-slim {
   padding-top: 32px;
   padding-bottom: 32px;
@@ -49,6 +55,10 @@
 
 .wrap-footer .wrap-logo-lib {
   margin-right: 48px;
+
+  .logo-mit-lib {
+    display: block;
+  }
 }
 
 .wrap-footer.footer-slim .wrap-middle .wrap-policies {

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,5 @@`
`1`	`1`	`.institute-bar, .libraries-header {`
`2`		`- *:focus-visible {`
`3`		`- outline: 2px solid $color-focus-dark;`
`4`		`- }`
	`2`	`+ @include set-focus-outline();`
`5`	`3`	`}`
`6`	`4`
`7`	`5`	`.institute-bar {`