style: update code hover styles

asmyshlyaev177 · Oct 26, 2024 · 6d90e62 · 6d90e62
1 parent 9bf198c
commit 6d90e62
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/packages/shared/styles.css b/packages/shared/styles.css
@@ -128,6 +128,10 @@
   }
 
   .codeblock {
+    & * {
+      transition: all 0.2s ease-in-out;
+    }
+
     .shiki {
       white-space: pre-wrap;
       word-wrap: break-word;
@@ -137,21 +141,17 @@
       background-color: transparent !important;
     }
 
-    .line.highlighted {
-      background-color: rgba(148, 148, 148, 0.15);
-      transition: all 0.15s ease-in-out;
-    }
     &:hover .line.highlighted {
-      background-color: rgba(148, 148, 148, 0.3);
+      background-color: rgba(148, 148, 148, 0.15);
     }
 
-    .highlighted-word {
+    & .highlighted-word {
       border-radius: 8%;
-      border: 1px solid rgba(255, 255, 255, 0.2);
-      transition: all 0.15s ease-in-out;
+      border: 1px solid transparent;
     }
+
     &:hover .highlighted-word {
-      border: 1px solid rgba(255, 255, 255, 0.3);
+      border: 1px solid rgba(255, 255, 255, 0.2);
     }
   }
 }