feat(admin): add PullToRefresh (custom, prefers-reduced-motion aware)

This commit is contained in:
Tyler
2026-06-17 14:45:08 -06:00
parent 9b9643e2c7
commit 1577f6363b
2 changed files with 136 additions and 0 deletions
+8
View File
@@ -294,6 +294,14 @@ select:-webkit-autofill:focus {
100% { transform: translateX(400%); }
}
/* Spinner for the PullToRefresh indicator. The indicator uses
* `border-top-color` to give the impression of one bright edge rotating.
* Reduced-motion users get `animation: none` from the component, so this
* keyframe doesn't need a motion-guard. */
@keyframes spin {
to { transform: rotate(360deg); }
}
/* Reduce motion: respect the user's OS-level preference. */
/* The motion pass deliberately keeps the visual design intact (colors, type, layout)
* but flattens everything that fights vestibular comfort. This block wipes: