Add copy button

humrochagf · Nov 22, 2022 · 6467aab · 6467aab
1 parent 702ec1d
commit 6467aab
Show file tree

Hide file tree

Showing 4 changed files with 89 additions and 0 deletions.
diff --git a/assets/sass/_code.scss b/assets/sass/_code.scss
@@ -31,3 +31,39 @@ code > span > span {
     }
   }
 }
+
+.clipboard-button {
+  position: absolute;
+  right: 0;
+  margin: 5px;
+  font-size: 0.8em;
+  z-index: 1;
+
+  opacity: 0.3;
+  transition: 0.1s;
+}
+
+.clipboard-button svg {
+  fill: #c1c1c1;
+}
+
+.clipboard-button:hover {
+  cursor: pointer;
+}
+
+.clipboard-button:hover svg {
+  fill: #ffffff;
+}
+
+.clipboard-button:focus {
+  outline: 0;
+}
+
+.highlight {
+  position: relative;
+}
+
+.highlight:hover .clipboard-button {
+  opacity: 1;
+  transition: 0.2s;
+}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -42,5 +42,9 @@
 
     {{ block "footerJS" . }}
     {{ end }}
+
+    {{ if (findRE "<pre" .Content 1) }}
+      <script src="/copy/copy.js"></script>
+    {{ end }}
   </body>
 </html>