Refactor #6691 - For Skeleton
parent
bb69f2f40b
commit
ce983cda14
|
@ -17,7 +17,11 @@ const theme = ({ dt }) => `
|
|||
top: 0;
|
||||
transform: translateX(-100%);
|
||||
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 {
|
||||
|
@ -36,6 +40,15 @@ const theme = ({ dt }) => `
|
|||
transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes p-skeleton-animation-rtl {
|
||||
from {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
to {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
const inlineStyles = {
|
||||
|
|
Loading…
Reference in New Issue