handling focus-visible instead of focus

This commit is contained in:
Antoine M 2024-01-09 09:37:19 +01:00
parent 8b705c99a1
commit f0fc4988f4

View File

@ -1,6 +1,6 @@
.cta { .cta {
@apply block w-fit my-2 text-base font-bold; @apply block w-fit my-2 text-base font-bold;
&:focus { &:focus-visible {
@apply outline-primary outline-offset-8; @apply outline-primary outline-offset-8;
} }
@ -98,7 +98,7 @@
&.cta--download.cta--white { &.cta--download.cta--white {
&:hover, &:hover,
&:focus { &:focus-visible {
@apply bg-secondary text-white; @apply bg-secondary text-white;
&:after { &:after {
filter: invert(99%) sepia(3%) saturate(175%) hue-rotate(283deg) brightness(113%) filter: invert(99%) sepia(3%) saturate(175%) hue-rotate(283deg) brightness(113%)