:Desaturate icons on all resume layouts
parent
64cbee0030
commit
df0b0c38c1
|
@ -318,6 +318,13 @@ a.hn-icon {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* we don't want the icons to be too distracting/jarring---the
|
||||||
|
focus should be on the resume itself */
|
||||||
|
#header ul.links:not(:hover) {
|
||||||
|
filter: saturate(25%);
|
||||||
|
transition: filter 3s; /* slow fade */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* right icons start to overlap with page margins */
|
/* right icons start to overlap with page margins */
|
||||||
@media screen and (max-width: 970px) {
|
@media screen and (max-width: 970px) {
|
||||||
|
@ -333,14 +340,6 @@ a.hn-icon {
|
||||||
padding: 0px 2em 0px 3em;
|
padding: 0px 2em 0px 3em;
|
||||||
margin: 0px 50px 0px 0px;
|
margin: 0px 50px 0px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* now that icons are a part of the main content,
|
|
||||||
make them blend better (otherwise the vibrant color
|
|
||||||
is too jarring/distracting) */
|
|
||||||
#header ul.links:not(:hover) {
|
|
||||||
filter: saturate(25%);
|
|
||||||
transition: filter 3s; /* slow fade */
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue