fix(overflow-menu): added different styles for focus and hover (carbo…

…n-design-system#788) * fix(overflow-menu): added different styles for focus and hover * fix(overflow-menu): fixed danger hover/focus
joshblack · May 18, 2018 · f1b97c9 · f1b97c9
1 parent 5d7f02b
commit f1b97c9
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/overflow-menu/_overflow-menu.scss b/src/components/overflow-menu/_overflow-menu.scss
@@ -103,13 +103,13 @@
 
     &:focus {
       outline: 1px solid transparent;
-      background-color: $brand-01;
-      color: $inverse-01;
+      text-decoration: underline;
     }
 
     .#{$prefix}--overflow-menu-options__option--danger & {
       &:focus {
-        background-color: $support-01;
+        outline: 1px solid transparent;
+        text-decoration: underline;
       }
     }
   }
@@ -120,6 +120,7 @@
 
   .#{$prefix}--overflow-menu-options__option:hover .#{$prefix}--overflow-menu-options__btn {
     color: $inverse-01;
+    text-decoration: none;
   }
 
   .#{$prefix}--overflow-menu-options__option--danger {
@@ -143,7 +144,7 @@
   .#{$prefix}--overflow-menu-options__option--disabled:hover .#{$prefix}--overflow-menu-options__btn {
     color: $text-01;
     opacity: 0.5;
-    
+
     &:active,
     &:focus {
       background-color: $ui-01;