angular / angular/components

feat(Theming): mat-sys-space

Aperta
#31,142 2 commenti 3 reazioni 0 assegnatari Vedi su GitHub
area: theming feature gemini-triaged needs: discussion P4
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

### 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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Nell’issue non sono indicati file né test; inizia individuando il punto di ingresso esistente dei token di theming di Material e i test correlati. Il lavoro è completato quando gli space token proposti usano i nomi e i valori elencati e sono disponibili per un theming coerente della UI tra i componenti.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
design, frontend
Tipo di issue
Funzionalità
Difficoltà
5/5
Tempo stimato
Più di una settimana
Stato di attività
Tranquilla
Chiarezza
Abbastanza chiara
Idoneità per principianti
48/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.