refactor(styleguide): extract common btn-copy styles

[Finishes #79279548]
pivotal-cf · Dec 27, 2014 · 935400f · 935400f
1 parent d90644a
commit 935400f
Showing 1 changed file with 15 additions and 16 deletions.
diff --git a/src/styleguide/styleguide.scss b/src/styleguide/styleguide.scss
@@ -365,20 +365,12 @@ blockquote {
   }
 
   .btn-copy {
-    @include transition-pui(background, 0.5s, ease-out);
-
-    position: absolute;
     display: none;
-    top: 0;
-    right: 0;
-    padding: 7px 20px;
     border-left: 1px solid $shadow-3;
     border-bottom: 1px solid $shadow-3;
-    border-radius: 0;
 
     &.zeroclipboard-is-hover {
       display: block;
-      background-color: $neutral-11;
     }
   }
 
@@ -447,20 +439,12 @@ blockquote {
     background-color: $bg-color-example-code;
 
     .btn-copy {
-      @include transition-pui(background, 0.5s, ease-out);
-
-      position: absolute;
       display: none;
-      top: 0;
-      right: 0;
-      padding: 7px 20px;
       border-left: 1px solid $shadow-2;
       border-bottom: 1px solid $shadow-2;
-      border-radius: 0;
 
       &.zeroclipboard-is-hover {
         display: block;
-        background-color: $neutral-11;
       }
     }
 
@@ -498,6 +482,21 @@ table.styleguide {
   }
 }
 
+// copy button
+.btn-copy {
+  @include transition-pui(background, 0.5s, ease-out);
+
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 7px 20px;
+  border-radius: 0;
+
+  &.zeroclipboard-is-hover {
+    background-color: $neutral-11;
+  }
+}
+
 // make the grid visible
 
 .grid-show {