@import '../bootstrap'

.v-tooltip
    position: relative

    &__content
        background: $grey.darken-2
        border-radius: 2px
        color: #FFFFFF
        font-size: 12px
        display: inline-block
        padding: 5px 8px
        position: absolute
        text-transform: initial
        transition: 0.15s $transition.swing
        width: auto
        elevation(2)

        &[class*='-active']
            pointer-events: none

        /*
        OVERRIDE
        =========================================
        @media $display-breakpoints.sm-and-down
            padding: 0 $grid-gutters.lg
        =========================================
        */
        +Override(sm-and-down)
            .v-tooltip__content
                padding: 10px 16px