fix: add hover and focus states to home logo link

fluid-project · May 4, 2022 · 6c759ea · 6c759ea
1 parent a94c80c
commit 6c759ea
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/src/assets/styles/components/_brand.scss b/src/assets/styles/components/_brand.scss
@@ -4,18 +4,35 @@
 
 .brand__desktop {
     display: none;
+    margin-block-end: 1.875rem;
+    margin-block-start: 2.5rem;
+    padding: 0.75rem;
+
+
+
+    svg {
+        height: 5.4rem;
+    }
 }
 
 .brand__mobile {
     display: inline-block;
+    margin-block: 1.5rem;
 
     svg {
         height: 5rem;
-        margin-block: 1.5rem;
         width: 5rem;
     }
 }
 
+.brand__desktop,
+.brand__mobile {
+    &:focus,
+    &:hover {
+        outline: solid 0.3125rem $darkRed;
+    }
+}
+
 @include breakpoint-up(md) {
     .brand__desktop {
         display: inline-block;