From 479cab9b4dd4cbc412e9d89731ccc4160e3b8acc Mon Sep 17 00:00:00 2001 From: James Lyne Date: Mon, 27 Jun 2022 23:20:48 +0100 Subject: [PATCH] Don't allow browsers to ignore outline color --- src/scss/_mixins.scss | 2 +- src/scss/style.scss | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/scss/_mixins.scss b/src/scss/_mixins.scss index 15fd472..a1dbb03 100644 --- a/src/scss/_mixins.scss +++ b/src/scss/_mixins.scss @@ -83,7 +83,7 @@ } @mixin button-focused { - outline: var(--outline-focus) auto thick !important; + outline: var(--outline-focus) solid thick !important; z-index: 1; border-color: var(--background-dark); } diff --git a/src/scss/style.scss b/src/scss/style.scss index ca9c68d..a1c0c04 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -114,11 +114,11 @@ input { } :focus { - outline: var(--outline-focus) auto thick !important; + outline: var(--outline-focus) solid thick !important; } :focus-visible { - outline: var(--outline-focus) auto thick !important; + outline: var(--outline-focus) solid thick !important; } .checkbox { @@ -165,7 +165,7 @@ input { &:focus ~ span:after { content: ''; - outline: var(--outline-focus) auto thick; + outline: var(--outline-focus) solid thick; position: absolute; top: 0; right: -0.5rem;