mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 00:42:36 +00:00
Move ripple styles from BaseStyle.js to RippleStyle.js
This commit is contained in:
parent
c926bbe82a
commit
fcad42fd8b
2 changed files with 28 additions and 25 deletions
|
@ -200,31 +200,6 @@ const theme = ({ dt }) => `
|
|||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.p-ripple {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.p-ink {
|
||||
display: block;
|
||||
position: absolute;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
border-radius: 100%;
|
||||
transform: scale(0);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.p-ink-active {
|
||||
animation: ripple 0.4s linear;
|
||||
}
|
||||
|
||||
@keyframes ripple {
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: scale(2.5);
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
const css = ({ dt }) => `
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue