// Base class
.tooltip {
  .arrow::before {
    border-color: transparent;
  }

  &.bs-tooltip-top {
    .arrow::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;
}