Fix copy icon on numbered code snippets

trailofbits · Feb 9, 2024 · 649ac81 · 649ac81
1 parent 4437577
commit 649ac81
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/assets/_custom.scss b/assets/_custom.scss
@@ -40,13 +40,19 @@
 .markdown .highlight {
   position: relative;
 
+  pre {
+    margin: 0;
+  }
+
   code:first-child::before {
-    content: url('svg/copy-regular.svg');
-    width: 1rem;
-    height: 1rem;
+    content: "Copy";
+    font-size: 0;
+    background: no-repeat center url('svg/copy-regular.svg');
+    width: 1.4rem;
+    height: 1.4rem;
     position: absolute;
     right: 1rem;
-    top: 1.1rem;
+    top: 1rem;
     display: inline-block;
     opacity: 0.3;
     transition: opacity 0.1s ease-in;