feat: tooltip color variants now can be extended using apply

fix: #2371
saadeghi · Sep 26, 2023 · 11fb1b1 · 11fb1b1
1 parent 9beabed
commit 11fb1b1
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 30 deletions.
diff --git a/src/components/styled/tooltip.css b/src/components/styled/tooltip.css
diff --git a/src/utilities/styled/tooltip.css b/src/utilities/styled/tooltip.css
@@ -84,3 +84,33 @@
     bottom: auto;
   }
 }
+.tooltip {
+  &-primary {
+    --tooltip-color: hsl(var(--p));
+    --tooltip-text-color: hsl(var(--pc));
+  }
+  &-secondary {
+    --tooltip-color: hsl(var(--s));
+    --tooltip-text-color: hsl(var(--sc));
+  }
+  &-accent {
+    --tooltip-color: hsl(var(--a));
+    --tooltip-text-color: hsl(var(--ac));
+  }
+  &-info {
+    --tooltip-color: hsl(var(--in));
+    --tooltip-text-color: hsl(var(--inc));
+  }
+  &-success {
+    --tooltip-color: hsl(var(--su));
+    --tooltip-text-color: hsl(var(--suc));
+  }
+  &-warning {
+    --tooltip-color: hsl(var(--wa));
+    --tooltip-text-color: hsl(var(--wac));
+  }
+  &-error {
+    --tooltip-color: hsl(var(--er));
+    --tooltip-text-color: hsl(var(--erc));
+  }
+}