$tooltip-prefix-cls: "#{$css-prefix}tooltip";
$tooltip-arrow: "#{$tooltip-prefix-cls}-arrow";


.#{$tooltip-prefix-cls} {
  display: inline-block;

  &-rel {
    display: inline-block;
    position: relative;
  }

  &-popper {
    @include popper($tooltip-arrow, $tooltip-arrow-width, $tooltip-distance, $tooltip-bg);
  }

  &-inner {
    max-width: $tooltip-max-width;
    min-height: $tooltip-inner-min-height;
    padding: $tooltip-inner-padding;
    color: $tooltip-color;
    font-size: $tooltip-inner-font-size;
    text-align: left;
    text-decoration: none;
    background-color: $tooltip-bg;
    border-radius: $border-radius-small;
    box-shadow: $shadow-base;
    white-space: normal;  //*************************************************************
  }

  &-arrow {
    position: absolute;
    width: 0;
    height: $tooltip-arrow-height;
    border-color: transparent;
    border-style: solid;
  }
}