...

VineLang · Dec 28, 2024 · 316f02d · 316f02d
1 parent 11d299d
commit 316f02d
Showing 1 changed file with 35 additions and 1 deletion.
diff --git a/docs/theme/highlight.css b/docs/theme/highlight.css
@@ -46,30 +46,64 @@
   color: var(--red);
 }
 
+pre > code {
+  border-radius: 7.5px;
+}
+
+:root pre .buttons {
+  padding: 0;
+  top: 0;
+}
+
 :root pre .buttons > button.clip-button {
   padding: 0;
+  margin: 4px;
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: none;
+  transition: scale .2s, color .2s, background-color .2s;
+  border-radius: 4.5px;
+}
+
+:root pre .buttons > button.clip-button:hover {
+  scale: 1.1;
 }
 
 :root pre .buttons > button.clip-button::before {
   font-family: 'Material Symbols Outlined';
   content: "content_copy";
   filter: none;
   font-size: 18px;
+  position: absolute;
+  margin-left: 1px;
+  transition: opacity .1s .1s ease-out, scale .1s .1s ease-out;
 }
 
-:root pre .buttons > button.clip-button.tooltipped::before {
+:root pre .buttons > button.clip-button::after {
   font-family: 'Material Symbols Outlined';
   content: "check";
   filter: none;
   font-size: 18px;
+  opacity: 0;
+  scale: .9;
+  transition: opacity .1s 0s ease-in, scale .1s 0s ease-in;
+}
+
+:root pre .buttons > button.clip-button.tooltipped::before {
+  opacity: 0;
+  scale: .9;
+  transition: opacity .1s 0s ease-in, scale .1s 0s ease-in;
 }
 
+:root pre .buttons > button.clip-button.tooltipped::after {
+  opacity: 1;
+  transition: opacity .1s .1s ease-out, scale .1s .1s ease-out;
+}
+
+
 :root pre .buttons > button.clip-button .tooltiptext {
   display: none;
 }