Style portfolio header menu icons
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
Reference in New Issue
Block a user