Files
ShopSolution-frontend/src/app/shared/components/ui/skeleton/skeleton.component.css
Tizian.Breuch c65aef11ca styles
2025-09-08 19:27:46 +02:00

26 lines
591 B
CSS

/* Verschieben Sie die Skeleton-Stile hierher */
@keyframes skeleton-shimmer {
0% { background-position: -200px 0; }
100% { background-position: calc(200px + 100%) 0; }
}
.skeleton-item {
background-color: var(--color-border);
background-image: linear-gradient(
90deg,
var(--color-border) 0px,
var(--color-body-bg) 40px,
var(--color-border) 80px
);
background-size: 200px 100%;
background-repeat: no-repeat;
animation: skeleton-shimmer 1.5s infinite;
}
.skeleton-line {
border-radius: var(--border-radius-sm);
}
.skeleton-avatar {
border-radius: 50%;
}