From 8feb5b71f181edf8e6e2d2345be4afed2d1e4451 Mon Sep 17 00:00:00 2001 From: Julien Oculi Date: Tue, 9 Jul 2024 10:35:39 +0200 Subject: [PATCH] fix(css): :wheelchair: increase font weight when focus button and cta Use a bolder font when font color and background color on button and cta swap (on focus, active, ...) to prevent text optical shrink illusion. --- src/stylesheets/base.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/stylesheets/base.css b/src/stylesheets/base.css index aa35c70..fda5588 100644 --- a/src/stylesheets/base.css +++ b/src/stylesheets/base.css @@ -184,7 +184,8 @@ input[type='checkbox'] { .cta:focus-visible, .button:hover, .button:focus-visible { - background-color: var(--lime-1); + background-color: var(--_background-color); + font-weight: 500; color: var(--_accent-color); box-shadow: 0 0 0 0 var(--_accent-color); }