Make topbar nav use darker colors
This commit is contained in:
parent
095cdcc42b
commit
612b889193
@ -1,5 +1,5 @@
|
|||||||
.topbar {
|
.topbar {
|
||||||
background-color: $color-white;
|
background-color: $color-blue-darkest;
|
||||||
border-bottom: 1px solid $color-black;
|
border-bottom: 1px solid $color-black;
|
||||||
|
|
||||||
.topbar__navigation {
|
.topbar__navigation {
|
||||||
@ -9,7 +9,7 @@
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
.topbar__link {
|
.topbar__link {
|
||||||
color: $color-black;
|
color: $color-white;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: $topbar-height;
|
height: $topbar-height;
|
||||||
@ -18,10 +18,12 @@
|
|||||||
|
|
||||||
.topbar__link-label {
|
.topbar__link-label {
|
||||||
@include h5;
|
@include h5;
|
||||||
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topbar__link-icon {
|
.topbar__link-icon {
|
||||||
margin-left: $gap;
|
margin-left: $gap;
|
||||||
|
@include icon-color($color-white);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.topbar__link--home {
|
&.topbar__link--home {
|
||||||
@ -29,6 +31,7 @@
|
|||||||
|
|
||||||
.topbar__link-label {
|
.topbar__link-label {
|
||||||
padding-left: $gap;
|
padding-left: $gap;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -45,10 +48,6 @@
|
|||||||
&:hover {
|
&:hover {
|
||||||
background-color: $color-primary-darker;
|
background-color: $color-primary-darker;
|
||||||
color: $color-white;
|
color: $color-white;
|
||||||
|
|
||||||
.topbar__link-icon {
|
|
||||||
@include icon-style-inverted;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user