@import "../variables";

@mixin changePointerColor($position) {
    &.bs-tooltip-#{$position} {

        .arrow {
            &:before {
                border-#{$position}-color: $mlp-green;
            }
        }
    }
}

.sg-tooltip {

    .tooltip {
    
        .tooltip-inner {
            background-color: $mlp-green;
        }

        @include changePointerColor('top');
        @include changePointerColor('left');
        @include changePointerColor('right');
        @include changePointerColor('bottom');
    }
}