/* Tooltip
   ========================================================================== */
.tooltip {
  @include tooltip;
  &__arrow {
    @include tooltip__arrow;
  }
  &__inner {
    @include tooltip__inner;
  }
  &[x-placement^="top"],
  &--top {
    @include tooltip--top();
    .tooltip__arrow {
      @include tooltip__arrow--top;
    }
  }
  &[x-placement^="right"],
  &--right {
    @include tooltip--right();
    .tooltip__arrow {
      @include tooltip__arrow--right;
    }
  }
  &[x-placement^="bottom"],
  &--bottom {
    @include tooltip--bottom();
    .tooltip__arrow {
      @include tooltip__arrow--bottom;
    }
  }
  &[x-placement^="left"],
  &--left {
    @include tooltip--left();
    .tooltip__arrow {
      @include tooltip__arrow--left;
    }
  }
}