aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/tooltip/tooltip.module.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules/tooltip/tooltip.module.scss')
-rw-r--r--src/components/molecules/tooltip/tooltip.module.scss66
1 files changed, 0 insertions, 66 deletions
diff --git a/src/components/molecules/tooltip/tooltip.module.scss b/src/components/molecules/tooltip/tooltip.module.scss
deleted file mode 100644
index 557d9c7..0000000
--- a/src/components/molecules/tooltip/tooltip.module.scss
+++ /dev/null
@@ -1,66 +0,0 @@
-@use "../../../styles/abstracts/functions" as fun;
-@use "../../../styles/abstracts/mixins" as mix;
-@use "../../../styles/abstracts/variables" as var;
-
-.btn {
- margin-right: var(--spacing-xs);
-}
-
-.tooltip {
- position: absolute;
- z-index: 10;
- font-size: var(--font-size-sm);
- transition: all 0.75s ease-in-out 0s;
-
- @media screen and (max-height: #{var.get-breakpoint("2xs")}) {
- width: calc(97.5vw - var(--spacing-md));
- right: 0;
- }
-
- &--down {
- top: calc(100% + var(--spacing-xs));
- transform-origin: top;
- }
-
- &--up {
- bottom: calc(100% + var(--spacing-2xs));
- transform-origin: bottom;
- }
-
- &--hidden {
- flex: 0 0 0;
- opacity: 0;
- visibility: hidden;
- transform: scale(0);
- }
-
- &--visible {
- opacity: 1;
- visibility: visible;
- transform: scale(1);
- }
-}
-
-.heading {
- display: flex;
- flex-flow: row nowrap;
- align-items: center;
- height: 100%;
- margin-left: calc(var(--spacing-xs) * -1.1);
- font-size: var(--font-size-sm);
-}
-
-.icon {
- align-self: stretch;
- margin-right: var(--spacing-xs);
- background: var(--color-primary-dark);
- border: fun.convert-px(1) solid var(--color-primary-dark);
- box-shadow: fun.convert-px(1) fun.convert-px(1) 0 0 var(--color-shadow);
-
- :global {
- path {
- fill: var(--color-fg-inverted);
- margin-inline: var(--spacing-2xs);
- }
- }
-}