a11y: --text-2xs Token entfernt, 12px Minimum (Redesign Phase G)

- --text-2xs (11px) aus tokens.css gelöscht
- Alle 8 Referenzen → --text-xs (12px) migriert:
  Nav-Labels, Badges, Event-Time, Meal-Slots, Avatare
- 12px Mindestgröße für alle sichtbaren Texte (Mobile-PWA-Lesbarkeit)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
ulsklyc
2026-03-26 13:50:31 +01:00
parent d5a0e701b0
commit 4cd3299f38
4 changed files with 8 additions and 9 deletions
+3 -3
View File
@@ -191,7 +191,7 @@
justify-content: center;
background-color: var(--color-accent);
color: #ffffff;
font-size: var(--text-2xs);
font-size: var(--text-xs);
font-weight: var(--font-weight-bold);
min-width: 16px;
height: 16px;
@@ -363,7 +363,7 @@
}
.event-time-badge {
font-size: var(--text-2xs);
font-size: var(--text-xs);
font-weight: var(--font-weight-semibold);
padding: 1px 5px;
border-radius: var(--radius-full);
@@ -428,7 +428,7 @@
}
.meal-slot__type {
font-size: var(--text-2xs);
font-size: var(--text-xs);
font-weight: var(--font-weight-semibold);
color: var(--color-text-disabled);
text-transform: uppercase;
+1 -1
View File
@@ -173,7 +173,7 @@
}
.nav-item__label {
font-size: var(--text-2xs);
font-size: var(--text-xs);
font-weight: var(--font-weight-medium);
line-height: 1;
}
+3 -3
View File
@@ -127,7 +127,7 @@
border-radius: var(--radius-full);
background-color: var(--color-accent);
color: #fff;
font-size: var(--text-2xs);
font-size: var(--text-xs);
line-height: 1;
}
@@ -372,7 +372,7 @@
display: flex;
align-items: center;
justify-content: center;
font-size: var(--text-2xs);
font-size: var(--text-xs);
font-weight: var(--font-weight-bold);
color: #fff;
flex-shrink: 0;
@@ -497,7 +497,7 @@
border-radius: var(--radius-full);
background-color: var(--color-danger);
color: #fff;
font-size: var(--text-2xs);
font-size: var(--text-xs);
font-weight: var(--font-weight-bold);
margin-left: auto;
}
+1 -2
View File
@@ -159,8 +159,7 @@
--font-mono: 'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', monospace;
/* Size-Skala */
--text-2xs: 0.6875rem; /* 11px — Micro-Labels (Nav, Avatare) */
--text-xs: 0.75rem; /* 12px — Captions, Badges */
--text-xs: 0.75rem; /* 12px — Minimum, Captions, Badges, Nav-Labels */
--text-sm: 0.8125rem; /* 13px — Small/Secondary */
--text-base: 0.875rem; /* 14px — Body (Desktop), kompakter */
--text-md: 1rem; /* 16px — Body (Mobile), Inputs */