diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-09-12 22:22:33 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-09-12 22:22:33 +0200 |
| commit | 1cef356be95a67f95d40f5b0b131f98d11f13c13 (patch) | |
| tree | a0d93976998b0395e373a7a9f0127cc35e77a6f2 /src/app.css | |
| parent | b11a40840cfe0e9978f78cacd68d68764eabec58 (diff) | |
Extract Button primitive, migrate all call sites
Variants primary/accent/ghost/done with scoped styles.
Disabled handling unified; block/size/style props cover
login stretch, done-lg, save-check positioning.
Delete btn-* globals and dead page overrides.
Diffstat (limited to 'src/app.css')
| -rw-r--r-- | src/app.css | 86 |
1 files changed, 0 insertions, 86 deletions
diff --git a/src/app.css b/src/app.css index b219650..87817bd 100644 --- a/src/app.css +++ b/src/app.css @@ -206,49 +206,6 @@ box-shadow: 0 0 0 3px var(--shadow-accent-focus); } -/* Buttons */ -.btn-primary { - padding: 0.75rem 1.5rem; - border: none; - border-radius: 0.75rem; - background: var(--accent); - color: var(--white); - font-size: 0.9375rem; - font-weight: 500; - align-self: flex-start; - cursor: pointer; - transition: all 0.2s ease; - box-shadow: 0 1px 2px var(--shadow); -} - -.btn-primary:hover { - background: var(--accent-hover); - transform: translateY(-1px); - box-shadow: 0 4px 8px var(--shadow-accent-lg); -} - -.btn-ghost { - flex-shrink: 0; - width: 2rem; - aspect-ratio: 1; - padding: 0; - border: none; - border-radius: 0.625rem; - background: transparent; - color: var(--text-secondary); - font-size: 1.25rem; - display: flex; - align-items: center; - justify-content: center; - cursor: pointer; - transition: all 0.2s ease; -} - -.btn-ghost:hover { - background: var(--danger-hover-bg); - color: var(--danger); -} - .score { flex-shrink: 0; min-width: 2.75rem; @@ -296,32 +253,6 @@ min-width: 0; } -.btn-accent { - width: 3rem; - height: 3rem; - flex-shrink: 0; - padding: 0; - border: none; - border-radius: 0.75rem; - background: var(--accent); - color: var(--white); - font-size: 1.25rem; - font-weight: 500; - font-family: inherit; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - transition: all 0.2s ease; - box-shadow: 0 1px 2px var(--shadow); -} - -.btn-accent:hover { - background: var(--accent-hover); - transform: translateY(-1px); - box-shadow: 0 4px 8px var(--shadow-accent-lg); -} - .status { flex-shrink: 0; display: inline-flex; @@ -378,20 +309,3 @@ visibility: visible; opacity: 1; } - -.btn-done { - flex-shrink: 0; - padding: 0.5rem 0.875rem; - border: none; - border-radius: 0.625rem; - background: var(--success); - color: var(--white); - font-size: 0.875rem; - font-weight: 500; - transition: all 0.2s ease; -} - -.btn-done:hover { - filter: brightness(1.05); - transform: translateY(-1px); -} |
