Skip to content

Commit

Permalink
fix: tooltip x purgecss
Browse files Browse the repository at this point in the history
  • Loading branch information
praneeth-rdy committed Dec 7, 2024
1 parent 021819a commit 55022ea
Showing 1 changed file with 8 additions and 6 deletions.
14 changes: 8 additions & 6 deletions src/styles/css/components/core/tooltip.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/* ! purgecss start ignore */
@import "../../vars.css";

.tooltip-container {
Expand Down Expand Up @@ -56,28 +57,28 @@
}

/* Position variants */
[class*="tooltip-"].tooltip-top {
.tooltip-top {
bottom: 100%;
left: 50%;
transform: translateX(-50%) translateY(10px);
margin-bottom: 8px;
}

[class*="tooltip-"].tooltip-bottom {
.tooltip-bottom {
top: 100%;
left: 50%;
transform: translateX(-50%) translateY(-10px);
margin-top: 8px;
}

[class*="tooltip-"].tooltip-left {
.tooltip-left {
right: 100%;
top: 50%;
transform: translateY(-50%) translateX(10px);
margin-right: 8px;
}

[class*="tooltip-"].tooltip-right {
.tooltip-right {
left: 100%;
top: 50%;
transform: translateY(-50%) translateX(-10px);
Expand All @@ -103,7 +104,7 @@
border-style: solid;
}

.light [class*="tooltip-"].tooltip-top::after {
.light .tooltip-top::after {
top: 100%;
left: 50%;
transform: translateX(-50%);
Expand Down Expand Up @@ -139,7 +140,7 @@
border-style: solid;
}

.dark [class*="tooltip-"].tooltip-top::after {
.dark .tooltip-top::after {
top: 100%;
left: 50%;
transform: translateX(-50%);
Expand All @@ -166,3 +167,4 @@
transform: translateY(-50%);
border-color: transparent var(--color-light-bg) transparent transparent;
}
/* ! purgecss end ignore */

0 comments on commit 55022ea

Please sign in to comment.