ADD: Technology tip

2024-05-22 08:34:08 +02:00 · 2024-05-22 08:34:08 +02:00 · b7a11e5b84
commit b7a11e5b84
parent 1c86f3569e
6 changed files with 43 additions and 20 deletions
--- a/components/Technology/Technology.css
+++ b/components/Technology/Technology.css
@ -1,10 +1,28 @@
 .Technology {
+    position: relative;
+    align-items: center;

-    &.m {
+    &.m img {
        height: 30px;
    }

-    &.l {
+    &.l img {
        height: 50px;
    }
+
+    & span {
+        scale: 0;
+        position: absolute;
+        top: -3rem;
+        width: max-content;
+        border: 1px solid var(--color-white);
+        border-radius: 999px;
+        background-color: var(--color-black);
+        padding: .5em 1.5rem;
+        transition: 150ms;
+    }
+
+    &:hover span {
+        scale: 1;
+    }
 }