Focus on accordions

Orange-OpenSource · Aug 30, 2022 · eb29bc6 · eb29bc6
1 parent 001e631
commit eb29bc6
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/scss/_accordion.scss b/scss/_accordion.scss
@@ -48,11 +48,11 @@
 
   /* rtl:remove */
   letter-spacing: var(--#{$prefix}accordion-btn-letter-spacing); // Boosted mod
-  background-color: var(--#{$prefix}accordion-btn-bg);
+  background-color: transparent;
   border: 0;
   @include border-radius(0);
   overflow-anchor: none;
-  @include transition(var(--#{$prefix}accordion-transition));
+  outline: 0;
 
   &:not(.collapsed) {
     color: var(--#{$prefix}accordion-active-color);
@@ -72,11 +72,6 @@
     z-index: 2;
     color: var(--#{$prefix}accordion-active-color); // Boosted mod
   }
-
-  &:focus {
-    z-index: 3;
-    outline-offset: calc(var(--#{$prefix}accordion-border-width) * -1); /* stylelint-disable-line function-disallowed-list */ // Boosted mod
-  }
 }
 
 .accordion-header {
@@ -116,6 +111,10 @@
       @include border-bottom-radius(var(--#{$prefix}accordion-border-radius));
     }
   }
+
+  &:focus-within {
+    @include focus-visible();
+  }
 }
 
 .accordion-body {