steffen/website
1
0
Fork 0
Code Actions Packages Releases Activity

Improve flexibility of applying color to the theme

Browse Source
This commit is contained in:
Michael Rose
2016-04-05 15:18:05 -04:00
parent 1b9508d229
commit ecae46746d
13 changed files with 69 additions and 58 deletions

15
assets/_scss/_navigation.scss

@ -177,11 +177,11 @@
display: block;
margin: 0 1rem;
padding: 0.5rem 0;
color: $gray;
color: $masthead-link-color;
text-decoration: none;
&:hover {
color: #000;
color: $masthead-link-color-hover;
}
}
@ -227,15 +227,12 @@
position: absolute;
bottom: 0;
height: 4px;
background: $light-gray;
background: mix(#fff, $primary-color, 50%);
width: 0;
transition: 0.3s;
transition: $global-transition;
}
&:hover {
color: #000;
border-bottom-color: $border-color;
&:before {
width: 100%;
}
@ -260,8 +257,8 @@
font-size: $type-size-5;
&:hover {
color: #000;
background: $border-color;
color: $masthead-link-color-hover;
background: mix(#fff, $primary-color, 75%);
}
}