Oliver/cc-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(styles): add spacing scale comment and skeleton shimmer keyframes

Browse source
This commit is contained in:
Vadym Samoilenko 2026-05-13 10:56:52 +01:00
parent bc5eb64c40
commit 9eb7e077ec
1 changed files with 23 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
web/src/styles/globals.css
View file

@ -157,4 +157,27 @@
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: translateY(0); }
}
/* ── Spacing rhythm ─────────────────────────────────────────────────
* gap-4 (16px) — inside cards/forms
* gap-6 (24px) — between cards in a grid
* gap-8 (32px) — between page sections
* py-12 (48px) — page-top padding
* ────────────────────────────────────────────────────────────────── */
@keyframes shimmer {
0% { background-position: -1000px 0; }
100% { background-position: 1000px 0; }
}
.skeleton-shimmer {
background: linear-gradient(
90deg,
hsl(var(--muted)) 0%,
hsl(var(--accent)) 50%,
hsl(var(--muted)) 100%
);
background-size: 1000px 100%;
animation: shimmer 1.6s linear infinite;
}
}