parent
aed701c2ec
commit
8cb4d32cd9
@ -1,29 +1,29 @@ |
|||||||
.q-ripple |
.q-ripple |
||||||
position: absolute |
|
||||||
top: 0 |
|
||||||
left: 0 |
|
||||||
width: 100% |
|
||||||
height: 100% |
|
||||||
color: inherit |
|
||||||
border-radius: inherit |
|
||||||
z-index: 0 |
|
||||||
pointer-events: none |
|
||||||
overflow: hidden |
|
||||||
contain: strict |
|
||||||
|
|
||||||
&__inner |
|
||||||
position: absolute |
position: absolute |
||||||
top: 0 |
top: 0 |
||||||
left: 0 |
left: 0 |
||||||
opacity: 0 |
width: 100% |
||||||
|
height: 100% |
||||||
color: inherit |
color: inherit |
||||||
border-radius: 50% |
border-radius: inherit |
||||||
background: currentColor |
z-index: 0 |
||||||
pointer-events: none |
pointer-events: none |
||||||
will-change: transform, opacity |
overflow: hidden |
||||||
|
contain: strict |
||||||
|
|
||||||
|
&__inner |
||||||
|
position: absolute |
||||||
|
top: 0 |
||||||
|
left: 0 |
||||||
|
opacity: 0 |
||||||
|
color: inherit |
||||||
|
border-radius: 50% |
||||||
|
background: currentColor |
||||||
|
pointer-events: none |
||||||
|
will-change: transform, opacity |
||||||
|
|
||||||
&--enter |
&--enter |
||||||
transition: transform .225s cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) |
transition: transform .225s cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) |
||||||
|
|
||||||
&--leave |
&--leave |
||||||
transition: opacity .25s cubic-bezier(.4, 0, .2, 1) |
transition: opacity .25s cubic-bezier(.4, 0, .2, 1) |
||||||
|
|||||||
Loading…
Reference in new issue