//
// Ripple Core
// --------------------------------------------------

.ripple-action {
    overflow: hidden;
    position: relative;

    > .ripple {
        animation: ripple @ripple-animation-duration linear;
    }
}

.ripple {
    position: absolute;
    display: block;
    border-radius: 100%;
    transform: scale(0);
    background: @ripple-light-bg;
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

//
// Ripple Core
// --------------------------------------------------

.ripple-action:not(.disabled) {
    overflow: hidden;
    position: relative;

    > .ripple {
        animation: ripple @ripple-animation-duration linear;
    }
}

.ripple {
    position: absolute;
    display: block;
    border-radius: 100%;
    transform: scale(0);
    background: @ripple-light-bg;
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

Disable effect on disabled element
Disable effect on disabled element
