fix(accordion): enlarge focus outline

Refs carbon-design-system#1671.
asudoh · Jan 25, 2019 · 70313fd · 70313fd
1 parent c1bc790
commit 70313fd
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/accordion/_accordion.scss b/src/components/accordion/_accordion.scss
@@ -179,18 +179,24 @@
     margin: 0;
     transition: background-color $transition--base;
 
-    &:hover:before {
+    &:hover:before, &:focus:before {
       content: '';
       position: absolute;
       top: -1px;
       left: 0;
       width: 100%;
       height: calc(100% + 2px);
+    }
+
+    &:hover:before {
       background-color: $hover-ui;
     }
 
     &:focus {
       outline: none;
+    }
+
+    &:focus:before {
       @include focus-outline('outline');
     }
   }