diff options
Diffstat (limited to 'src/components/molecules/tooltip/tooltip.module.scss')
| -rw-r--r-- | src/components/molecules/tooltip/tooltip.module.scss | 66 |
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); - } - } -} |
