@classic-homes/theme-styles 0.1.51 → 0.1.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/utilities.css +37 -0
package/package.json
CHANGED
package/src/utilities.css
CHANGED
|
@@ -246,6 +246,43 @@
|
|
|
246
246
|
animation: slide-down 200ms ease-out;
|
|
247
247
|
}
|
|
248
248
|
|
|
249
|
+
/* ===== Loading Animation Utilities ===== */
|
|
250
|
+
|
|
251
|
+
/* Progress bar indeterminate */
|
|
252
|
+
@keyframes progress-indeterminate {
|
|
253
|
+
0% {
|
|
254
|
+
transform: translateX(-100%);
|
|
255
|
+
}
|
|
256
|
+
100% {
|
|
257
|
+
transform: translateX(400%);
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
.animate-progress-indeterminate {
|
|
262
|
+
animation: progress-indeterminate 1.5s ease-in-out infinite;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
/* Skeleton shimmer */
|
|
266
|
+
@keyframes shimmer {
|
|
267
|
+
0% {
|
|
268
|
+
background-position: -200% 0;
|
|
269
|
+
}
|
|
270
|
+
100% {
|
|
271
|
+
background-position: 200% 0;
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
.animate-shimmer {
|
|
276
|
+
background-image: linear-gradient(
|
|
277
|
+
90deg,
|
|
278
|
+
hsl(var(--muted)) 0%,
|
|
279
|
+
hsl(var(--muted-foreground) / 0.08) 50%,
|
|
280
|
+
hsl(var(--muted)) 100%
|
|
281
|
+
);
|
|
282
|
+
background-size: 200% 100%;
|
|
283
|
+
animation: shimmer 2s linear infinite;
|
|
284
|
+
}
|
|
285
|
+
|
|
249
286
|
/* ===== Print Utilities ===== */
|
|
250
287
|
|
|
251
288
|
@media print {
|