Adjust navigation toggles

This commit is contained in:
Michael Rose 2018-11-25 20:20:03 -05:00
parent cbcc53de31
commit 2729b692f3
3 changed files with 6 additions and 6 deletions

View file

@ -200,8 +200,7 @@
height: $nav-toggle-height; height: $nav-toggle-height;
border: 0; border: 0;
outline: none; outline: none;
color: #fff; background-color: transparent;
background-color: $primary-color;
cursor: pointer; cursor: pointer;
} }

View file

@ -11,16 +11,17 @@
.search__toggle { .search__toggle {
margin-left: 1rem; margin-left: 1rem;
margin-right: 1rem; margin-right: 1rem;
height: $nav-toggle-height;
border: 0; border: 0;
outline: none; outline: none;
color: $muted-text-color; color: $primary-color;
background-color: transparent; background-color: transparent;
cursor: pointer; cursor: pointer;
-webkit-transition: 0.2s; -webkit-transition: 0.2s;
transition: 0.2s; transition: 0.2s;
&:hover { &:hover {
color: $text-color; color: mix(#000, $primary-color, 25%);
} }
} }

View file

@ -315,7 +315,7 @@ body:hover .visually-hidden button {
position: relative; position: relative;
width: $navicon-width; width: $navicon-width;
height: $navicon-height; height: $navicon-height;
background: #fff; background: $primary-color;
margin: auto; margin: auto;
-webkit-transition: 0.3s; -webkit-transition: 0.3s;
transition: 0.3s; transition: 0.3s;
@ -327,7 +327,7 @@ body:hover .visually-hidden button {
left: 0; left: 0;
width: $navicon-width; width: $navicon-width;
height: $navicon-height; height: $navicon-height;
background: #fff; background: $primary-color;
-webkit-transition: 0.3s; -webkit-transition: 0.3s;
transition: 0.3s; transition: 0.3s;
} }