From 37bd86d03661fa7d960829b61b9bb8ae4f4e9685 Mon Sep 17 00:00:00 2001
From: Geoffrey Garrett <g.h.garrett13@gmail.com>
Date: Sun, 3 Jul 2022 13:18:29 +0200
Subject: [PATCH] Update assets/styles/clipboard.scss

Co-authored-by: Jacky Zhao <j.zhao2k19@gmail.com>
---
 assets/styles/clipboard.scss | 49 ++++++++++++++++++++----------------
 1 file changed, 28 insertions(+), 21 deletions(-)

diff --git a/assets/styles/clipboard.scss b/assets/styles/clipboard.scss
index 4f40f8104..7989e248c 100644
--- a/assets/styles/clipboard.scss
+++ b/assets/styles/clipboard.scss
@@ -15,26 +15,33 @@
   z-index: 1;
   opacity: 0;
   transition: 0.12s;
-}
-.clipboard-button > svg {
-  fill: var(--light);
-  filter: contrast(0.3);
-}
-.clipboard-button:hover {
-  cursor: pointer;
-  border-color: var(--primary);
-}
-.clipboard-button:hover > svg {
-  fill: var(--primary);
-}
-.clipboard-button:focus {
-  outline: 0;
-}
-.highlight {
-  position: relative;
-}
-.highlight:hover > .clipboard-button {
-  opacity: 1;
-  transition: 0.2s;
+  
+  & > svg {
+    fill: var(--light);
+    filter: contrast(0.3);
+  }
+  
+  &:hover {
+    cursor: pointer;
+    border-color: var(--primary);
+    
+    & > svg {
+      fill: var(--primary);
+    }
+  }
+  
+  &:focus {
+    outline: 0;
+  }
 }
 
+.highlight {
+  position: relative;
+  
+  &:hover > .clipboard-button {
+    opacity: 1;
+    transition: 0.2s;
+  }
+}
+
+