From 56a2f2c3060b91e38d5ddaab80a3465de9b35a0a Mon Sep 17 00:00:00 2001 From: Hannah Brinkman Date: Thu, 16 Jan 2020 09:52:23 -0500 Subject: [PATCH] Update _topbar.scss -Cleaned up spacing, margins, and padding -Refined font styling for JEDI logo and added semibold weight to nav links --- styles/components/_topbar.scss | 21 ++++++++++++++------- 1 file changed, 14 insertions(+), 7 deletions(-) diff --git a/styles/components/_topbar.scss b/styles/components/_topbar.scss index 1f5db0ff..ef9db0c4 100644 --- a/styles/components/_topbar.scss +++ b/styles/components/_topbar.scss @@ -15,7 +15,7 @@ } &__link { - color: $color-white !important; + color: $color-white; display: inline-flex; align-items: center; height: $topbar-height; @@ -23,20 +23,27 @@ text-decoration: none; &-label { - @include h5; - text-decoration: underline; - padding-left: $gap; + font-size: $h5-font-size; + font-weight: $font-semibold; text-decoration: none; } &-icon { - margin-left: $gap; + margin: 0 $gap 0 0; + } - @include icon-color($color-white); + .icon--logout { + margin: 0 0 0 $gap; } &--home { - padding-left: $gap / 2; + padding: 0 ($gap * 2); + + .topbar__link-label { + font-size: $base-font-size; + font-weight: $font-bold; + text-transform: uppercase; + } } &:hover {