Ion-button ripple effect


#1

Anyone know what the css is for ion-button ripple effect that occurs when a user clicks the button. I want to add it to an ion-card. I saw this post. But unfortunately, this workaround is not going to work.

Instead, Im thinking about adding the ripple css to my own css classes.

Cheers~


#2

Digging around the ionic repo, I found I could do this in my custom .css class

    padding: 5px !important;
    margin-top: 10px !important;
    height: 100% !important;
    text-align: center !important;
    background-color: $solaris-main-color !important;
    @extend .button-md;

This produces the shadow effect when the button is pushed, but not the ripple.