vue-ripple-effect/lib/mbRipple/index.css

a vue ui-component with typescript

/*!
* mb-ripple v1.0.8
* author: linjiajian999
* MIT License
*/.mb{-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-tap-highlight-color:hsla(0,0%,100%,0);-ms-tap-highlight-color:hsla(0,0%,100%,0);-o-tap-highlight-color:hsla(0,0%,100%,0);tap-highlight-color:hsla(0,0%,100%,0)}.mb-center{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mb-ripple{width:auto;border:none;position:relative;margin:0;display:inline-block;overflow:hidden;outline:none;cursor:pointer;text-decoration:none;text-align:center;vertical-align:middle}.mb-ripple-container{width:100%;height:100%;overflow:hidden}.mb-ripple-container,.mb-ripple-content{position:absolute;left:0;top:0;display:block}.mb-ripple-content{width:0;height:0;border-radius:50%;opacity:0;pointer-events:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mb-ripple .isAnimating{transition:width .5s cubic-bezier(0,0,.2,1),height .5s cubic-bezier(0,0,.2,1),opacity .5s cubic-bezier(0,0,.2,1),-webkit-transform .5s cubic-bezier(0,0,.2,1);transition:transform .5s cubic-bezier(0,0,.2,1),width .5s cubic-bezier(0,0,.2,1),height .5s cubic-bezier(0,0,.2,1),opacity .5s cubic-bezier(0,0,.2,1);transition:transform .5s cubic-bezier(0,0,.2,1),width .5s cubic-bezier(0,0,.2,1),height .5s cubic-bezier(0,0,.2,1),opacity .5s cubic-bezier(0,0,.2,1),-webkit-transform .5s cubic-bezier(0,0,.2,1)}.mb-ripple .visible{opacity:.38}t-transform 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1), width 0.5s cubic-bezier(0, 0, 0.2, 1), height 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1), width 0.5s cubic-bezier(0, 0, 0.2, 1), height 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 0.5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.mb-ripple .visible {
  opacity: 0.38;
}

/*# sourceMappingURL=index.css.map*/