Update _topbar.scss

-Cleaned up spacing, margins, and padding
-Refined font styling for JEDI logo and added semibold weight to nav links
This commit is contained in:
Hannah Brinkman 2020-01-16 09:52:23 -05:00 committed by dandds
parent eafb1d6941
commit 56a2f2c306

View File

@ -15,7 +15,7 @@
} }
&__link { &__link {
color: $color-white !important; color: $color-white;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
height: $topbar-height; height: $topbar-height;
@ -23,20 +23,27 @@
text-decoration: none; text-decoration: none;
&-label { &-label {
@include h5; font-size: $h5-font-size;
text-decoration: underline; font-weight: $font-semibold;
padding-left: $gap;
text-decoration: none; text-decoration: none;
} }
&-icon { &-icon {
margin-left: $gap; margin: 0 $gap 0 0;
}
@include icon-color($color-white); .icon--logout {
margin: 0 0 0 $gap;
} }
&--home { &--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 { &:hover {