replacing focus by focus-visible

This commit is contained in:
Antoine M 2024-01-10 16:48:14 +01:00
parent 470cc0c4a2
commit 8d13f5649d

View File

@ -25,12 +25,12 @@
width: 60px; width: 60px;
height: 60px; height: 60px;
&:hover, &:hover,
&:focus { &:focus-visible {
@apply opacity-100; @apply opacity-100;
filter: invert(13%) sepia(71%) saturate(4425%) hue-rotate(338deg) brightness(109%) filter: invert(13%) sepia(71%) saturate(4425%) hue-rotate(338deg) brightness(109%)
contrast(117%); contrast(117%);
} }
&:focus { &:focus-visible {
@apply rounded-full; @apply rounded-full;
} }
} }
@ -46,7 +46,7 @@
.swiper-pagination-bullet { .swiper-pagination-bullet {
@apply w-3 h-3 mx-2 opacity-100 bg-white !border-2 !border-solid border-black opacity-80; @apply w-3 h-3 mx-2 opacity-100 bg-white !border-2 !border-solid border-black opacity-80;
} }
.swiper-pagination-bullet:focus { .swiper-pagination-bullet:focus-visible {
outline-offset: 4px; outline-offset: 4px;
} }
.swiper-pagination-bullet-active { .swiper-pagination-bullet-active {