From e1228a9266d1a02455d686a653e3e710a39a7136 Mon Sep 17 00:00:00 2001 From: thoughtscript Date: Sun, 31 Dec 2017 16:05:34 +0000 Subject: [PATCH 1/3] Issue #447 - Hover effects on header and footer links --- src/scss/_footer.scss | 8 +++++--- src/scss/_nav.scss | 3 +++ 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/src/scss/_footer.scss b/src/scss/_footer.scss index 465a4299..1ac28b12 100644 --- a/src/scss/_footer.scss +++ b/src/scss/_footer.scss @@ -20,10 +20,12 @@ footer padding-top: 4em; padding-bottom: 3em; - a { - color: $color-white; - line-height: 1.7; + color: $color-white; + line-height: 1.7; + &:hover { + color: $color-blue-highlight; + } } &__nav { diff --git a/src/scss/_nav.scss b/src/scss/_nav.scss index bf1da8ce..c080e7ea 100644 --- a/src/scss/_nav.scss +++ b/src/scss/_nav.scss @@ -85,6 +85,9 @@ $nav-height: 90px; margin-top: pxToRem(4px); margin-left: pxToRem(10px); } + &:hover { + color: $color-blue-highlight; + } } &--black { From 31900e8e698c107dc21083fa4194918a38f2fea0 Mon Sep 17 00:00:00 2001 From: thoughtscript Date: Sun, 31 Dec 2017 16:20:36 +0000 Subject: [PATCH 2/3] Issue #447 & Issue #448 - bumped up color to something a tad darker - removed outline on links --- src/scss/_buttons.scss | 5 +++++ src/scss/_footer.scss | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/scss/_buttons.scss b/src/scss/_buttons.scss index faad0d9e..641a21ec 100644 --- a/src/scss/_buttons.scss +++ b/src/scss/_buttons.scss @@ -88,3 +88,8 @@ color: $color-black !important; border: 1px solid #b5b5b5 } + +a:hover, a:active, a:focus { + outline: 0; + outline-style: none; +} diff --git a/src/scss/_footer.scss b/src/scss/_footer.scss index 1ac28b12..3c5f59d1 100644 --- a/src/scss/_footer.scss +++ b/src/scss/_footer.scss @@ -24,7 +24,7 @@ footer color: $color-white; line-height: 1.7; &:hover { - color: $color-blue-highlight; + color: $color-blue; } } From 3457234af7a348104bbee3f7b954e1cdce61fe10 Mon Sep 17 00:00:00 2001 From: thoughtscript Date: Thu, 11 Jan 2018 08:02:51 +0000 Subject: [PATCH 3/3] Darkened hover color and added to overlay --- src/scss/_nav.scss | 2 +- src/scss/_overlay-menu.scss | 4 ++++ src/scss/global/_colors.scss | 2 ++ 3 files changed, 7 insertions(+), 1 deletion(-) diff --git a/src/scss/_nav.scss b/src/scss/_nav.scss index c080e7ea..95ccaa49 100644 --- a/src/scss/_nav.scss +++ b/src/scss/_nav.scss @@ -86,7 +86,7 @@ $nav-height: 90px; margin-left: pxToRem(10px); } &:hover { - color: $color-blue-highlight; + color: $color-hover-nav; } } diff --git a/src/scss/_overlay-menu.scss b/src/scss/_overlay-menu.scss index 4359bdff..2214eeeb 100644 --- a/src/scss/_overlay-menu.scss +++ b/src/scss/_overlay-menu.scss @@ -64,6 +64,10 @@ margin-top: 2px; margin-right: 4px; } + + &:hover { + color: $color-hover-nav; + } } &__list { diff --git a/src/scss/global/_colors.scss b/src/scss/global/_colors.scss index baab48e3..729a2850 100644 --- a/src/scss/global/_colors.scss +++ b/src/scss/global/_colors.scss @@ -19,6 +19,8 @@ $color-red: #ec2227; $color-green: #24b47e; $color-green-light: #b9f4bc; +$color-hover-nav: #222654; + $gradient-dash-sky: linear-gradient(to top right, #3094E3, #247FC8 9%, #186AAC 30%, #163B80 73%, #001D38); $gradient-atmosphere-blue-violet: linear-gradient(to top right,#4cddff,#3b9aca 10%,#2d6ca5 20%,#2a5291 27%,#283d81 35%,#222654 50%,#1e1635 63%,#0c0010 93%,#000); $gradient-default-overlay-blue: linear-gradient(-225deg, rgba(#283d81,0.7) 0%, rgba(#1c75bc,0.8) 100%);