From 79ed079e4d323c12266f97b3882508300066a3c6 Mon Sep 17 00:00:00 2001 From: flashwave Date: Thu, 17 Jan 2019 21:31:35 +0100 Subject: [PATCH] More subtle user colour glow around header avatar. --- assets/less/classes/header.less | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) diff --git a/assets/less/classes/header.less b/assets/less/classes/header.less index 9ece0d0c..72a1a1f3 100644 --- a/assets/less/classes/header.less +++ b/assets/less/classes/header.less @@ -131,9 +131,12 @@ box-shadow: 0 0 4px #111; &:hover, - &:active, &:focus { - box-shadow: 0 0 4px var(--header-accent-colour); + box-shadow: 0 0 0 1px var(--header-accent-colour), 0 0 4px #111; + } + + &:active { + box-shadow: 0 0 0 2px var(--header-accent-colour), 0 0 4px #111; } } @@ -225,12 +228,6 @@ &__avatar { transition: box-shadow .2s; box-shadow: 0 0 4px #111; - - &:hover, - &:active, - &:focus { - box-shadow: 0 0 4px var(--header-accent-colour); - } } &__toggle {