From df0b0c38c165ac380dcee04bb6d181ad01fcf653 Mon Sep 17 00:00:00 2001 From: Mike Gerwitz Date: Sat, 23 Sep 2017 13:36:11 -0400 Subject: [PATCH] :Desaturate icons on all resume layouts --- docs/about/resume/style.css | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/docs/about/resume/style.css b/docs/about/resume/style.css index ff009cd..b03b078 100644 --- a/docs/about/resume/style.css +++ b/docs/about/resume/style.css @@ -318,6 +318,13 @@ a.hn-icon { 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 */ @media screen and (max-width: 970px) { @@ -333,14 +340,6 @@ a.hn-icon { padding: 0px 2em 0px 3em; 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 */ - } }