aboutsummaryrefslogtreecommitdiff
path: root/src/app.css
diff options
context:
space:
mode:
authorMartin Kagamino Lehoux <martin@lehoux.net>2026-09-12 22:22:33 +0200
committerMartin Kagamino Lehoux <martin@lehoux.net>2026-09-12 22:22:33 +0200
commit1cef356be95a67f95d40f5b0b131f98d11f13c13 (patch)
treea0d93976998b0395e373a7a9f0127cc35e77a6f2 /src/app.css
parentb11a40840cfe0e9978f78cacd68d68764eabec58 (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.css86
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);
-}