@import "~bootstrap/scss/tooltip";

// Set default customise component variables here,
// Override it in theme variables files

$x-tooltip-arrow-margin: - ($tooltip-arrow-width / 2) !default;

// Additional style for ngx-bootstrap
.bs-tooltip-auto {
  &.top {
    @extend .bs-tooltip-top;
  }
  &.bottom {
    @extend .bs-tooltip-bottom;
  }
  &.right {
    @extend .bs-tooltip-right;
  }
  &.left {
    @extend .bs-tooltip-left;
  }

  &.top,
  &.bottom {
    .arrow {
      left: 50%;
      margin-left: $x-tooltip-arrow-margin;
    }
  }

  &.left,
  &.right {
    .arrow {
      top: 50%;
      margin-top: $x-tooltip-arrow-margin;
    }
  }
}