fix: port over missing UIKit Sass that wasn't added in the original PR

pattern-lab · Nov 12, 2019 · f7659e6 · f7659e6
1 parent 31ccaaf
commit f7659e6
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/packages/uikit-workshop/src/sass/pattern-lab.scss b/packages/uikit-workshop/src/sass/pattern-lab.scss
@@ -62,6 +62,16 @@
   position: absolute;
   top: 0.5rem;
   right: 0.5rem;
+
+  @supports (position: sticky){
+    transform: translateY(-0.7rem);
+    float: right;
+    position: sticky;
+    top: 1rem;
+    right: 0;
+    margin-top: -2rem;
+  }
+
   padding: 0.2rem 0.4rem;
   background-color: $pl-color-gray-07;
   color: $pl-color-gray-87;
@@ -81,6 +91,27 @@
   }
 }
 
+.pl-c-code-copy-btn__icon {
+  height: 1em;
+  width: 1em;
+}
+
+.pl-c-code-copy-btn__icon--paste {
+  display: none;
+
+  .is-copied & {
+    display: inline-block;
+  }
+}
+
+.pl-c-code-copy-btn__icon--copy {
+  display: inline-block;
+
+  .is-copied & {
+    display: none;
+  }
+}
+
 .pl-c-main {
   overflow: hidden;
   max-width: 100vw;