Style portfolio header menu icons

This commit is contained in:
leigh-mil
2019-10-09 16:47:20 -04:00
parent e6254e6f64
commit c3db3322df
5 changed files with 27 additions and 42 deletions

View File

@@ -75,17 +75,26 @@
font-size: $small-font-size;
.icon-link {
padding: 0.8rem 1.6rem;
padding: $gap;
border-radius: 0;
color: $color-blue-darkest;
&:hover {
background-color: $color-aqua-lightest;
}
color: $color-gray;
opacity: 0.3;
.icon {
@include icon-color($color-gray);
@include icon-color($color-blue-darkest);
}
&.active {
opacity: 1;
color: $color-blue;
background-color: $color-gray-lightest;
&:hover {
background-color: $color-aqua-lightest;
}
.icon {
@include icon-color($color-blue);
}