fix(code-snippet): update button active token (#1800)

* fix(code-snippet): update button active token * chore(code-snippet): flatten nesting
carbon-design-system · Feb 19, 2019 · 20301a4 · 20301a4
1 parent 9bf324c
commit 20301a4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/src/components/code-snippet/_code-snippet.scss b/src/components/code-snippet/_code-snippet.scss
@@ -321,14 +321,14 @@
       background-color: $ui-03;
     }
 
+    &:active {
+      background-color: $copy-active;
+    }
+
     &:focus {
       outline: none;
       border: 2px solid $interactive-01;
     }
-
-    &:active {
-      background: $copy-active;
-    }
   }
 
   .#{$prefix}--snippet--inline code {
@@ -430,7 +430,7 @@
   }
 
   .#{$prefix}--snippet-button:active {
-    background: $copy-active;
+    background-color: $copy-active;
   }
 
   .#{$prefix}--btn--copy__feedback {
@@ -480,12 +480,12 @@
     color: $text-01;
   }
 
-  .#{$prefix}--snippet-btn--expand:focus {
-    @include focus-outline('outline');
+  .#{$prefix}--snippet-btn--expand:active {
+    background-color: $copy-active;
   }
 
-  .#{$prefix}--snippet-btn--expand:active {
-    background: $copy-active;
+  .#{$prefix}--snippet-btn--expand:focus {
+    @include focus-outline('outline');
   }
 
   .#{$prefix}--snippet--expand .#{$prefix}--snippet-btn--expand .#{$prefix}--icon-chevron--down {

diff --git a/src/globals/scss/_theme-tokens.scss b/src/globals/scss/_theme-tokens.scss
@@ -193,8 +193,8 @@
   $progress-indicator-line-offset: 0.625rem !default !global;
 
   //Code Snippet
-  $copy-active: $ibm-color__gray-30 !default !global;
-  $copy-btn-feedback: $ibm-color__gray-80 !default !global;
+  $copy-active: $active-ui !default !global;
+  $copy-btn-feedback: $ibm-colors__gray-80 !default !global;
 
   // Radio Button
   $radio-border-width: 1px !default !global;