123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- =top($important: null)
- &::before
- top: auto $important
- bottom: 100% $important
- left: 50% $important
- right: auto $important
- &:focus,
- &:hover,
- &.is-tooltip-active
- &:not(.is-loading)
- &::after
- top: 0 $important
- bottom: auto $important
- left: 50% $important
- right: auto $important
- border-color: rgba($tooltip-background-color, 0.9) transparent transparent transparent $important
- &::before
- transform: translate(-50%, -.5rem) $important
- =right($important: null)
- &::before
- top: auto $important
- bottom: 50% $important
- left: 100% $important
- right: auto $important
- transform: translate(-1rem, 50%) $important
- &:focus,
- &:hover,
- &.is-tooltip-active
- &:not(.is-loading)
- &::after
- top: 50% $important
- left: 100% $important
- right: auto $important
- border-color: transparent rgba($tooltip-background-color, 0.9) transparent transparent $important
- &::before
- transform: translate(0.5rem, 50%) $important
- =bottom($important: null)
- &::before
- top: 100% $important
- bottom: auto $important
- left: 50% $important
- right: auto $important
- transform: translate(-50%, -1rem) $important
- &:focus,
- &:hover,
- &.is-tooltip-active
- &:not(.is-loading)
- &::after
- top: 100% $important
- bottom: auto $important
- left: 50% $important
- right: auto $important
- border-color: transparent transparent rgba($tooltip-background-color, 0.9) transparent $important
- &::before
- transform: translate(-50%, 0.5rem) $important
- =left($important: null)
- &::before
- top: auto $important
- bottom: 50% $important
- left: auto $important
- right: 100% $important
- transform: translate(1rem, 50%) $important
- &:focus,
- &:hover,
- &.is-tooltip-active
- &:not(.is-loading)
- &::after
- top: 50% $important
- bottom: auto $important
- left: auto $important
- right: calc(100% - .5rem) $important
- border-color: transparent transparent transparent rgba($tooltip-background-color, 0.9) $important
- &::before
- transform: translate(-0.5rem, 50%) $important
- =direction($direction)
- @if $direction == 'top'
- @include top(!important)
- @else if $direction == 'right'
- @include right(!important)
- @else if $direction == 'bottom'
- @include bottom(!important)
- @else if $direction == 'left'
- @include left(!important)
|