$tooltip-prefix-cls = $css-prefix + 'tooltip';
$tooltip-arrow = $tooltip-prefix-cls + 'arrow';
$tooltip-max-width = 250px
$tooltip-arrow-width = 5px
$tooltip-distance = $tooltip-arrow-width - 1 + 4;

.view-tooltip
    display: inline-block

    &-rel
        display: inline-block
        position: relative

    &-popper
        popper($tooltip-arrow, $tooltip-arrow-width, $tooltip-distance, $tooltip-bg)

    &-inner
        max-width: $tooltip-max-width
        min-height: 34px
        padding: 8px 12px
        color: $tooltip-color
        text-align: left
        text-decoration: none
        background-color: $tooltip-bg
        border-radius: $border-radius-small
        box-shadow: $shadow-base
        white-space: nowrap

    &-arrow
        position: absolute
        width: 0
        height: 0
        border-color: transparent
        border-style: solid