angular / angular/components

feat(Theming): mat-sys-corner

Aperta
#31,833 1 commento 1 reazione 0 assegnatari Vedi su GitHub
feature material spec P3
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

### Feature Description

Having a new set of `corner` or `shape` token that can be used for other purpose.
```scss
:root {
--mat-sys-corner-extra-small: 4px; // Extra small : Menu, Snackbars, Text fields
--mat-sys-corner-small: 8px; // Small : Chips, Rich tooltip
--mat-sys-corner-medium: 10px; // Medium : Cards, Small FABs
--mat-sys-corner-large: 16px; // Large : FABs, Navigation drawers
--mat-sys-corner-extra-large: 28px; // Extra large : Dialogs, Large FABs, Search view (full-screen), Time picker, Time input
--mat-sys-corner-full: 9999px; // Full : Badge, Buttons, Sliders, Switches, Search bards
}
```

Which will then be editable through the
```scss
@include mat.theme-overrides((
corner-large: 32px
))
```

### Use Case

This is actually hard to use the angular token, as they all are related to a specific component.
But what if I'd like to design my own thing ?

Then I would welcome being able to use already predefined set of angular css variables.

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia tracciando il punto di ingresso del theming di Angular Material rappresentato da mat.theme-overrides e le definizioni esistenti di system-token. L’attività è completata quando i corner token proposti sono disponibili come variabili CSS riutilizzabili e possono essere personalizzati tramite l’override corner-large mostrato; l’issue non indica file né test da eseguire.

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

Valutazione

Stack tecnologico
angular, scss, typescript
Ambito
design, frontend
Tipo di issue
Funzionalità
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.