pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make topbar nav use darker colors

Browse Source
This commit is contained in:
Patrick Smith 2019-02-05 20:42:39 -05:00
parent 095cdcc42b
commit 612b889193
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
styles/components/_topbar.scss
View File

@ -1,5 +1,5 @@
.topbar {
background-color: $color-white;
background-color: $color-blue-darkest;
border-bottom: 1px solid $color-black;
.topbar__navigation {
@ -9,7 +9,7 @@
justify-content: space-between;
.topbar__link {
color: $color-black;
color: $color-white;
display: inline-flex;
align-items: center;
height: $topbar-height;
@ -18,10 +18,12 @@
.topbar__link-label {
@include h5;
text-decoration: underline;
}
.topbar__link-icon {
margin-left: $gap;
@include icon-color($color-white);
}
&.topbar__link--home {
@ -29,6 +31,7 @@
.topbar__link-label {
padding-left: $gap;
text-decoration: none;
}
}
@ -45,10 +48,6 @@
&:hover {
background-color: $color-primary-darker;
color: $color-white;
.topbar__link-icon {
@include icon-style-inverted;
}
}
}