vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #6691 - For Skeleton

pull/6711/head
tugcekucukoglu 2024-11-01 13:59:50 +03:00
parent bb69f2f40b
commit ce983cda14
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/primevue/src/skeleton/style/SkeletonStyle.js
View File

@ -17,7 +17,11 @@ const theme = ({ dt }) => `
top: 0; top: 0;
transform: translateX(-100%); transform: translateX(-100%);
z-index: 1; z-index: 1;
background: linear-gradient( 90deg, rgba(255, 255, 255, 0), ${dt('skeleton.animation.background')}, rgba(255, 255, 255, 0) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0), ${dt('skeleton.animation.background')}, rgba(255, 255, 255, 0));
}
[dir='rtl'] .p-skeleton::after {
animation-name: p-skeleton-animation-rtl;
} }
.p-skeleton-circle { .p-skeleton-circle {
@ -36,6 +40,15 @@ const theme = ({ dt }) => `
transform: translateX(100%); transform: translateX(100%);
} }
} }
@keyframes p-skeleton-animation-rtl {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
`; `;
const inlineStyles = { const inlineStyles = {