// Base class
.tooltip {
  &.show { opacity: $tooltip-opacity; }

  .arrow {
    &::before {
      border-color: transparent;
      border-style: solid;
    }
  }
}

.bs-tooltip-top {
  .arrow {
    bottom: 0;

    &::before {
      border-top-color: $tooltip-arrow-color;
    }
  }
}

.bs-tooltip-right {
  .arrow {
    &::before {
      border-right-color: $tooltip-arrow-color;
    }
  }
}

.bs-tooltip-bottom {
  .arrow {
    &::before {
      border-bottom-color: $tooltip-arrow-color;
    }
  }
}

.bs-tooltip-left {
  .arrow {
    &::before {
      border-left-color: $tooltip-arrow-color;
    }
  }
}
// Wrapper for the tooltip content
.tooltip-inner {
  color: $tooltip-color;
  background-color: $tooltip-bg;
}