@import ../includes/tooltip_settings
$defaultFloat: left

.has-tip
  &.tip-left, &.tip-right
    float: none !important

.has-tip-with-image
  @extend .has-tip

$tooltipBackgroundOpacity: 1
$tooltipBackgroundColor: $black

.tooltip
  display: none
  background: $tooltipBackgroundColor
  background: rgba($tooltipBackgroundColor, $tooltipBackgroundOpacity)
  position: absolute
  color: $tooltipFontColor
  font-weight: $tooltipFontWeight
  font-size: $tooltipFontSize
  padding: 10px 15px
  z-index: 2000
  border-radius: 3px
  line-height: normal
  & > .nub
    display: block
    width: 0
    height: 0
    border: solid 5px
    border-color: transparent transparent $tooltipBackgroundColor transparent
    border-color: transparent transparent rgba($tooltipBackgroundColor, $tooltipBackgroundOpacity) transparent
    position: absolute
    top: -10px
    #{$defaultFloat}: 10px
  &.tip-override > .nub
    border-color: transparent transparent $tooltipBackgroundColor transparent !important
    border-color: transparent transparent rgba($tooltipBackgroundColor, $tooltipBackgroundOpacity) transparent !important
    top: -10px !important
  &.tip-top > .nub
    border-color: $tooltipBackgroundColor transparent transparent transparent
    border-color: rgba($tooltipBackgroundColor, $tooltipBackgroundOpacity) transparent transparent transparent
    top: auto
    bottom: -10px
  &.tip-left, &.tip-right
    float: none !important
  &.tip-left > .nub
    border-color: transparent transparent transparent $tooltipBackgroundColor
    border-color: transparent transparent transparent rgba($tooltipBackgroundColor, $tooltipBackgroundOpacity)
    right: -10px
    left: auto
  &.tip-right > .nub
    border-color: transparent $tooltipBackgroundColor transparent transparent
    border-color: transparent rgba($tooltipBackgroundColor, $tooltipBackgroundOpacity) transparent transparent
    right: auto
    left: -10px
  &.with-image
    padding: 10px
    img
      display: block
  &.noradius
    border-radius: 0
  &.opened
    color: $hasTipFontColorHover !important
    border-bottom: $hasTipBorderBottomHover !important