//
// kremalicious3
// --------------
// Tooltips
//

// Base class
.tooltip
    position: absolute
    z-index: 1000
    display: block
    // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
    // So reset our font and text properties to avoid inheriting weird values.
    font-family: $font-family-base;
    // We deliberately do NOT reset font-size.
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: $line-height-base;
    text-align: left; // Fallback for where `start` is not supported
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: $font-size-mini

    opacity: 0

    &.in
        opacity: .8
    &.top
        margin-top:  -1px
    &.right
        margin-left:  1px
    &.bottom
        margin-top:   1px
    &.left
        margin-left: -1px

// Wrapper for the tooltip content
.tooltip-inner
    max-width: 120px
    padding: 4px 8px
    color: $tooltip-color
    text-align: center
    background-color: $tooltip-bg
    border-radius: $border-radius-base