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:
parent
eafb1d6941
commit
56a2f2c306
@ -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 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user