💄 opacidad y cursor en puntos desactivados de línea de tiempo

enflujo · Mar 22, 2024 · 4134160 · 4134160
1 parent bdc6aa3
commit 4134160
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/src/componentes/LineaTiempo.astro b/src/componentes/LineaTiempo.astro
@@ -145,6 +145,16 @@ const listaAños = rango(1960, 2029);
 
     .punto {
       cursor: pointer;
+
+      &.desactivado {
+        opacity: 0.7;
+        &:hover {
+          opacity: 0.8;
+          circle {
+            opacity: 0.8;
+          }
+        }
+      }
     }
 
     .punto,
@@ -153,22 +163,13 @@ const listaAños = rango(1960, 2029);
     }
 
     .desactivado {
-      opacity: 0.5;
-
-      &:hover {
-        cursor: pointer;
-        opacity: 0.8;
-        circle {
-          opacity: 0.8;
-        }
-      }
+      opacity: 0.3;
 
       circle {
         fill: rgba(26, 42, 34, 0.8);
         opacity: 0.2;
       }
     }
-
     text {
       font-size: 0.5em;
       fill: rgba(255, 255, 222, 1);