7a5cacc54c
- apps/desktop: electron-vite + React + Tailwind mapped onto design tokens (preflight off; tokens/base.css owns the reset); boots to a Reginald placeholder proving fonts/tokens/core wiring - packages/core: pure TS; gitea label schema (est/*, p/*, deadline/hard) with pessimistic conflict resolution + 15 unit tests - docs/design: full design handoff (tokens, 16 component contracts, interactive 14-screen prototype, Reginald voice rules) - docs/PLAN.md: product plan (purity rule, pm-state repo, deterministic scheduler + Monte Carlo, directive log) - Deliberate deviation from novelpad stack: no ElectricSQL/PGlite — local store is a rebuildable cache over gitea REST/webhooks (better-sqlite3 in main process, arriving in P1) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
45 lines
1.5 KiB
CSS
45 lines
1.5 KiB
CSS
/* CommiTea spacing, radius, shadow, border & motion tokens. */
|
|
|
|
:root {
|
|
/* spacing — 4px base */
|
|
--space-1: 4px;
|
|
--space-2: 8px;
|
|
--space-3: 12px;
|
|
--space-4: 16px;
|
|
--space-5: 20px;
|
|
--space-6: 24px;
|
|
--space-7: 32px;
|
|
--space-8: 40px;
|
|
--space-9: 48px;
|
|
--space-10: 64px;
|
|
|
|
/* radii — crisp, not bubbly */
|
|
--radius-1: 4px; /* chips, inputs' inner elements */
|
|
--radius-2: 6px; /* buttons, inputs */
|
|
--radius-3: 10px; /* cards, dialogs */
|
|
--radius-round: 999px;
|
|
|
|
/* borders */
|
|
--border-w: 1px;
|
|
--rule-double: 3px double var(--border-strong); /* fine-stationery section rule */
|
|
|
|
/* shadows — cool, restrained */
|
|
--shadow-1: 0 1px 2px rgba(20, 34, 28, 0.06);
|
|
--shadow-2: 0 2px 8px rgba(20, 34, 28, 0.08), 0 1px 2px rgba(20, 34, 28, 0.05);
|
|
--shadow-3: 0 12px 32px rgba(20, 34, 28, 0.14), 0 2px 8px rgba(20, 34, 28, 0.07);
|
|
--shadow-jade-line: inset 0 2px 0 var(--jade); /* jade top rule on key cards */
|
|
|
|
/* motion — settled, never bouncy */
|
|
--ease-out: cubic-bezier(0.25, 0.6, 0.3, 1); /* @kind other */
|
|
--ease-in-out: cubic-bezier(0.6, 0, 0.3, 1); /* @kind other */
|
|
--duration-fast: 120ms; /* @kind other */
|
|
--duration-base: 200ms; /* @kind other */
|
|
--duration-slow: 320ms; /* @kind other */
|
|
}
|
|
|
|
[data-theme="dark"] {
|
|
--shadow-1: 0 1px 2px rgba(0, 0, 0, 0.25);
|
|
--shadow-2: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
|
|
--shadow-3: 0 12px 32px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.25);
|
|
}
|