Fixed #5667 - Remove base option from theme config

This commit is contained in:
Mert Sincan 2024-05-01 09:26:48 +01:00
parent 6d688ef675
commit 0979dde96d
438 changed files with 10872 additions and 11957 deletions

View file

@ -1,5 +1,43 @@
import BaseStyle from 'primevue/base/style';
const theme = ({ dt }) => `
.p-skeleton {
overflow: hidden;
background-color: ${dt('skeleton.background')};
border-radius: ${dt('rounded.base')};
}
.p-skeleton::after {
content: "";
animation: p-skeleton-animation 1.2s infinite;
height: 100%;
left: 0;
position: absolute;
right: 0;
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) );
}
.p-skeleton-circle {
border-radius: 50%;
}
.p-skeleton-animation-none::after {
animation: none;
}
@keyframes p-skeleton-animation {
from {
transform: translateX(-100%);
}
to {
transform: translateX(100%);
}
}
`;
const inlineStyles = {
root: { position: 'relative' }
};
@ -16,6 +54,7 @@ const classes = {
export default BaseStyle.extend({
name: 'skeleton',
theme,
classes,
inlineStyles
});