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 {
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 {