From 93b7de928e8ab59396fcd5ac263aed37afc5ec85 Mon Sep 17 00:00:00 2001
From: Igor Tolmachev <me@igorek.dev>
Date: Sat, 20 Apr 2024 17:40:45 +0900
Subject: Add "click to copy" tooltip

---
 style.css | 55 +++++++++++++++++++++++++++++++------------------------
 1 file changed, 31 insertions(+), 24 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index ceac6b3..b88584d 100644
--- a/style.css
+++ b/style.css
@@ -1,48 +1,55 @@
 @font-face {
-    font-family: Noto Sans Mono;
-    src: url(font.ttf);
+  font-family: Noto Sans Mono;
+  src: url(font.ttf);
 }
 
 * {
-    font-family: Noto Sans Mono;
+  font-family: Noto Sans Mono;
 }
 
 @media screen and (max-width: 700px) {
-    * {
-        font-size: small;
-    }
+  * {
+    font-size: small;
+  }
 }
 
 @media screen and (min-width: 700px) {
-    * {
-        font-size: x-large;
-    }
+  * {
+    font-size: x-large;
+  }
 }
 
 @media (prefers-color-scheme: dark) {
-    body {
-        color: #a7a7a7;
-        background: #1e1e1e;
-    }
+  body {
+    color: #a7a7a7;
+    background: #1e1e1e;
+  }
 }
 
 @media (prefers-color-scheme: light) {
-    body {
-        color: #464b50;
-        background: #ffffff;
-    }
+  body {
+    color: #464b50;
+    background: #ffffff;
+  }
 }
 
 a,
 .copy {
-    cursor: pointer;
-    text-decoration: underline;
-    color: #7587a6;
+  cursor: pointer;
+  color: #7587a6;
 }
 
 a:active,
 .copy:active {
-    cursor: pointer;
-    text-decoration: underline;
-    color: #9b859d;
-}
\ No newline at end of file
+  cursor: pointer;
+  color: #9b859d;
+}
+
+.copy > .copy-tooltip {
+  visibility: hidden;
+  margin-left: 1em;
+}
+
+.copy:hover > .copy-tooltip {
+  visibility: visible;
+}
-- 
cgit v1.2.3