fix(css): ♿ 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.
This commit is contained in:
parent
cd996af14a
commit
8feb5b71f1
|
@ -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);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue