projects/papa-kind-treff.info
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
Lars Gebhardt-Kusche
2025-12-25 01:50:07 +01:00
parent 5d7dcfd950
commit 3b4b5cad3e
11 changed files with 743 additions and 372 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
public/assets/css/styles.css
View File

@@ -21,20 +21,21 @@ input, textarea, select { font: inherit; color: inherit; }
/* 2) Tokens */
:root {
--color-bg: #f8fafc; /* primary soft */
--color-bg: #f7f2ea;
--color-surface: #ffffff;
--color-border: #e5e7eb; /* slate-200 */
--color-muted: #64748b; /* slate-500 */
--color-text: #0f172a; /* slate-900 */
--color-primary: #111827; /* neutral-900 */
--color-border: #e5d8c1;
--color-muted: #5f6b7a;
--color-text: #26323f;
--color-primary: #34485a; /* Basisfarbe */
--color-primary-contrast: #ffffff;
--color-accent: #f59e0b; /* amber-500 */
--color-accent-soft: #fff7ed; /* amber-50 */
--color-accent: #e9b049; /* warmes Highlight */
--color-accent-soft: #fdf4e0;
--color-highlight: #99433f; /* Akzent 2 */
--radius-sm: 10px;
--radius-md: 14px;
--radius-lg: 18px;
--shadow-card: 0 1px 2px rgba(0,0,0,0.04), 0 6px 24px rgba(0,0,0,0.06);
--maxw: 1100px;
--shadow-card: 0 1px 2px rgba(0,0,0,0.04), 0 10px 32px rgba(0,0,0,0.08);
--maxw: 1180px;
}
/******************** 3) Utilities ********************/
@@ -58,7 +59,7 @@ input, textarea, select { font: inherit; color: inherit; }
.clamp-3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
/******************** 4) Layout ********************/
.header { position: sticky; top:0; z-index: 40; backdrop-filter: blur(4px); background: rgba(255,255,255,0.85); border-bottom:1px solid var(--color-border); }
.header { position: sticky; top:0; z-index: 40; backdrop-filter: blur(4px); background: rgba(255,255,255,0.9); border-bottom:1px solid var(--color-border); }
.header .nav { display:flex; gap:24px; align-items:center; }
.header .brand { display:flex; align-items:center; gap:8px; font-weight:600; font-size:18px; letter-spacing: -0.2px; }
.header .menu-btn { display:none; border-radius: 10px; padding:8px; }