mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-05-26 23:53:59 +00:00
32 lines
571 B
SCSS
32 lines
571 B
SCSS
@import '../../core/stylesheets/variables.scss';
|
|
|
|
.md-ink-ripple {
|
|
pointer-events: none;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
-webkit-mask-image: radial-gradient(circle, white 100%, black 100%);
|
|
transition: $swift-ease-in;
|
|
}
|
|
|
|
.md-ripple {
|
|
position: absolute;
|
|
transform: scale(0);
|
|
background-color: currentColor;
|
|
opacity: .26;
|
|
border-radius: 50%;
|
|
|
|
&.md-active {
|
|
animation: ripple 1s $swift-ease-out-timing-function;
|
|
}
|
|
}
|
|
|
|
@keyframes ripple {
|
|
to {
|
|
transform: scale(1.5);
|
|
opacity: 0;
|
|
}
|
|
}
|