From 6c759ea1eb96ab8327b2ad11cf41e7b6a09d2ff1 Mon Sep 17 00:00:00 2001 From: BlueSlug Date: Wed, 4 May 2022 00:54:29 -0400 Subject: [PATCH] fix: add hover and focus states to home logo link --- src/assets/styles/components/_brand.scss | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/src/assets/styles/components/_brand.scss b/src/assets/styles/components/_brand.scss index 93768031..dfe213d2 100644 --- 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;