feat(Theming): mat-sys-space
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
### Feature Description
Having a new set of `space` token
Proposed space & naming found in the following article https://uxdesign.cc/ui-cheat-sheet-spacing-friendships-e37a6fccc407
```style
:root {
--mat-sys-space-smallest: 4px; /* BBFE */
--mat-sys-space-smaller: 8px; /* Best friends */
--mat-sys-space-small: 12px;
--mat-sys-space: 16px; /* Close friends */
--mat-sys-space-big: 24px; /* Close-ish friends */
--mat-sys-space-bigger: 32px; /* Friends */
--mat-sys-space-biggest: 64px; /* Acquaintances */
--mat-sys-space-giant: 72px; /* Distant acquaintances */
--mat-sys-space-gargantuan: 128px; /* Stranger */
}
```
### Use Case
Ensure UI coherence across components
Beitragsleitfaden
Rechercherichtung
In der Issue wird keine Datei und kein Test genannt; beginne damit, den vorhandenen Einstiegspunkt für Material-Theming-Tokens und die zugehörigen Tests zu finden. Erledigt ist die Aufgabe, wenn die vorgeschlagenen Space-Tokens die aufgeführten Namen und Werte verwenden und für konsistentes UI-Theming über Komponenten hinweg verfügbar sind.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, typescript
- Bereich
- design, frontend
- Issue-Typ
- Feature
- Schwierigkeit
- 5/5
- Geschätzter Aufwand
- Über eine Woche
- Aktivitätsstatus
- Ruhig
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 48/100