37 lines
800 B
CSS
37 lines
800 B
CSS
|
.v-ripple__container {
|
||
|
|
color: inherit;
|
||
|
|
border-radius: inherit;
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
z-index: 0;
|
||
|
|
pointer-events: none;
|
||
|
|
contain: strict;
|
||
|
|
}
|
||
|
|
.v-ripple__animation {
|
||
|
|
color: inherit;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
border-radius: 50%;
|
||
|
|
background: currentColor;
|
||
|
|
opacity: 0;
|
||
|
|
pointer-events: none;
|
||
|
|
overflow: hidden;
|
||
|
|
will-change: transform, opacity;
|
||
|
|
}
|
||
|
|
.v-ripple__animation--enter {
|
||
|
|
transition: none;
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.v-ripple__animation--in {
|
||
|
|
transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
|
||
|
|
opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
|
||
|
|
}
|
||
|
|
.v-ripple__animation--out {
|
||
|
|
transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
|
||
|
|
opacity: 0;
|
||
|
|
}
|