PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-06-25 16:19:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

standardise buttons: .btn base class (border-radius 10px, padding var(--space-xs))

Browse Source
This commit is contained in:
Pontoporeia
2026-05-05 11:34:13 +02:00
parent b58445f71c
commit bca707ee96
30 changed files with 333 additions and 442 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
app/public/assets/css/form.css
View File

@@ -250,20 +250,7 @@ label:has(+ div > input:required)::after {
}
.admin-btn-remove {
background: none;
border: 1px solid var(--border-primary);
color: var(--text-tertiary);
border-radius: 3px;
padding: var(--space-3xs) var(--space-2xs);
min-height: 2rem;
font-size: var(--step--2);
line-height: 1;
display: inline-flex;
align-items: center;
cursor: pointer;
transition:
border-color 0.15s,
color 0.15s;
/* deprecated alias for .btn--sm .btn--ghost; kept for backward-compat */
}
.admin-btn-remove:hover {
@@ -317,20 +304,7 @@ label:has(+ div > input:required)::after {
}
.form-footer button {
padding: var(--space-2xs) var(--space-l);
background: var(--accent-primary);
color: var(--accent-foreground);
border: none;
border-radius: 3px;
font-size: var(--step--1);
font-family: inherit;
cursor: pointer;
letter-spacing: 0.04em;
transition: background 0.15s;
}
.form-footer button:hover {
background: var(--accent-secondary);
/* deprecated alias for .btn--primary; kept for backward-compat */
}
/* ── Flash messages ─────────────────────────────────────────────────────── */
@@ -510,19 +484,7 @@ label:has(+ div > input:required)::after {
}
.password-gate button {
padding: var(--space-xs) var(--space-l);
font-size: var(--step--1);
font-family: inherit;
cursor: pointer;
background: var(--accent-primary);
color: var(--accent-foreground);
border: none;
border-radius: 3px;
transition: background 0.15s;
}
.password-gate button:hover {
background: var(--accent-secondary);
/* deprecated alias for .btn--primary; kept for backward-compat */
}
.password-error {
@@ -971,27 +933,7 @@ a.recap-file-name:hover {
}
.btn-new-form {
display: inline-flex;
align-items: center;
gap: var(--space-2xs);
padding: var(--space-m) var(--space-2xl);
background: var(--accent-primary);
color: var(--accent-foreground);
border: none;
border-radius: 6px;
font-size: var(--step-0);
font-weight: 600;
font-family: inherit;
text-decoration: none;
cursor: pointer;
letter-spacing: 0.04em;
transition: background 0.15s, transform 0.15s;
margin-top: var(--space-s);
}
.btn-new-form:hover {
background: var(--accent-secondary);
transform: translateY(-1px);
/* deprecated alias for .btn--primary .btn--lg; kept for backward-compat */
}
@@ -1089,31 +1031,9 @@ a.recap-file-name:hover {
}
.btn-primary {
padding: var(--space-xs) var(--space-m);
background: var(--accent-primary);
color: #fff;
border: none;
border-radius: 4px;
font-size: var(--step-0);
cursor: pointer;
font-weight: 600;
}
.btn-primary:hover {
background: var(--accent-secondary, var(--accent-primary));
transform: translateY(-1px);
/* deprecated alias for .btn--primary; kept for backward-compat */
}
.btn-secondary {
padding: var(--space-xs) var(--space-m);
background: transparent;
color: var(--text-secondary);
border: 1px solid var(--border-primary);
border-radius: 4px;
font-size: var(--step-0);
cursor: pointer;
}
.btn-secondary:hover {
background: color-mix(in srgb, var(--text-secondary) 8%, transparent);
/* deprecated alias for .btn--secondary; kept for backward-compat */
}