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:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user