From 9b21d384c1518786683ada8f2829ddc9015df9ce Mon Sep 17 00:00:00 2001 From: Elliot Wirrick Date: Sat, 20 Mar 2021 05:29:40 -0400 Subject: [PATCH] remove style from scroll-to-top button when focused via the mouse --- css/custom.css | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) diff --git a/css/custom.css b/css/custom.css index 4225c1a5..9994eeb7 100644 --- a/css/custom.css +++ b/css/custom.css @@ -1251,8 +1251,15 @@ a.arrow-up { z-index: 5; } -a.arrow-up:hover, a.arrow-up:focus { - border: none; +a.arrow-up:hover, a.arrow-up:active, a.arrow-up:focus { + background-color: #d26e2b; +} + +a.arrow-up:focus:not(:focus-visible):not(:hover) { + background-color: #ffffff; +} + +a.arrow-up:focus-visible { background-color: #d26e2b; } @@ -1271,7 +1278,15 @@ a.arrow-up i { transition: all ease-out .2s; } -a.arrow-up:hover i, a.arrow-up:focus i { +a.arrow-up:hover i, a.arrow-up:active i, a.arrow-up:focus i { + border-color: #ffffff; +} + +a.arrow-up:focus:not(:focus-visible):not(:hover) i { + border-color: #d26e2b; +} + +a.arrow-up:focus-visible i { border-color: #ffffff; }