cohabit/website
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix(css): ♿ increase font weight when focus button and cta

Browse source 
Use a bolder font when font color and background color on button and cta swap (on focus, active, ...) to prevent text optical shrink illusion.
This commit is contained in:
Julien Oculi 2024-07-09 10:35:39 +02:00
parent cd996af14a
commit 8feb5b71f1
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/stylesheets/base.css
View file

@ -184,7 +184,8 @@ input[type='checkbox'] {
.cta:focus-visible, .cta:focus-visible,
.button:hover, .button:hover,
.button:focus-visible { .button:focus-visible {
background-color: var(--lime-1); background-color: var(--_background-color);
font-weight: 500;
color: var(--_accent-color); color: var(--_accent-color);
box-shadow: 0 0 0 0 var(--_accent-color); box-shadow: 0 0 0 0 var(--_accent-color);
} }