UNPKG

@sandlada/vue-mdc

Version:

![Vue MDC Logo](https://raw.githubusercontent.com/sandlada/vue-mdc/refs/heads/main/docs/vue-mdc-cover.png)

2 lines (1 loc) 1.44 kB
@layer mdc-ripple{._ripple_1091f_2{--_hover-color: var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-opacity: var(--md-ripple-hover-opacity, .08);--_pressed-color: var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-opacity: var(--md-ripple-pressed-opacity, .12)}._ripple_1091f_2[disabled]{display:none}@media (forced-colors: active){._ripple_1091f_2{display:none}}._ripple_1091f_2{border-radius:inherit;position:absolute;inset:0;overflow:hidden;display:flex;margin:auto;pointer-events:none;-webkit-tap-highlight-color:transparent}._ripple_1091f_2:before,._ripple_1091f_2:after{content:"";opacity:0;position:absolute}._ripple_1091f_2:before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}._ripple_1091f_2:after{background:radial-gradient(closest-side,var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px,65%),transparent 100%);transform-origin:center center;transition:opacity 375ms linear}._ripple_1091f_2[hover]:before,._ripple_1091f_2._hovered_1091f_41:before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, .08)}._ripple_1091f_2[pressed]:after,._ripple_1091f_2._pressed_1091f_45:after{opacity:var(--md-ripple-pressed-opacity, .12);transition-duration:105ms}}