From 8d13f5649d949c8834f64699d90f819103d2498c Mon Sep 17 00:00:00 2001 From: Antoine M Date: Wed, 10 Jan 2024 16:48:14 +0100 Subject: [PATCH] replacing focus by focus-visible --- resources/css/blocks/show-thematiques.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/resources/css/blocks/show-thematiques.css b/resources/css/blocks/show-thematiques.css index 7d19f98..6070302 100755 --- a/resources/css/blocks/show-thematiques.css +++ b/resources/css/blocks/show-thematiques.css @@ -25,12 +25,12 @@ width: 60px; height: 60px; &:hover, - &:focus { + &:focus-visible { @apply opacity-100; filter: invert(13%) sepia(71%) saturate(4425%) hue-rotate(338deg) brightness(109%) contrast(117%); } - &:focus { + &:focus-visible { @apply rounded-full; } } @@ -46,7 +46,7 @@ .swiper-pagination-bullet { @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; } .swiper-pagination-bullet-active {