Episode
Fluent UI-Schulungen: Formatieren von Komponenten und Design
durch Oleksandr Fediashov
Dieses Lernprogramm bietet eine Übersicht über Fluent UI React v9, wobei Stilanpassungen hervorgehoben werden. Sie deckt die Verwendung der makeStyles()
Funktionen ab mergeClasses()
. Darüber hinaus wird erläutert, wie Stile für grundlegende Szenarien geschrieben werden und wie Stilüberschreibungen für Fluent UI React-Komponenten und deren Slots angewendet werden.
Kapitel
- 00:00 - Einführung in die Lektion
- 00:18 – makeStyles-Nutzung
- 01:47 - makeStyles & CSS Shorthands
- 02:53 - Was sind CSS-Kurzhands?
- 04:12 - Bedingte Formatvorlagen über mergeClasses
- 05:57 - Bestellung ist mergeClasses
- 07:08 - Was ist Atom CSS?
- 08:41 - Verwenden von Token zum Design
- 11:21 - Token in verschiedenen Designs
- 12:30 - Anpassung von Komponenten
- 13:40 - Anpassung der Steckplätze
- 16:40 - Verwenden von Griffel Devtools
- 17:58 - Pseudoklassen
- 18:54 - Geschachtelte Selektoren
- 20:55 - @media Abfragen
- 21:33 - CSS-Keyframes, animationName
- 22:37 - Outro
Empfohlene Ressourcen
Folgen zu diesem Thema
Dieses Lernprogramm bietet eine Übersicht über Fluent UI React v9, wobei Stilanpassungen hervorgehoben werden. Sie deckt die Verwendung der makeStyles()
Funktionen ab mergeClasses()
. Darüber hinaus wird erläutert, wie Stile für grundlegende Szenarien geschrieben werden und wie Stilüberschreibungen für Fluent UI React-Komponenten und deren Slots angewendet werden.
Kapitel
- 00:00 - Einführung in die Lektion
- 00:18 – makeStyles-Nutzung
- 01:47 - makeStyles & CSS Shorthands
- 02:53 - Was sind CSS-Kurzhands?
- 04:12 - Bedingte Formatvorlagen über mergeClasses
- 05:57 - Bestellung ist mergeClasses
- 07:08 - Was ist Atom CSS?
- 08:41 - Verwenden von Token zum Design
- 11:21 - Token in verschiedenen Designs
- 12:30 - Anpassung von Komponenten
- 13:40 - Anpassung der Steckplätze
- 16:40 - Verwenden von Griffel Devtools
- 17:58 - Pseudoklassen
- 18:54 - Geschachtelte Selektoren
- 20:55 - @media Abfragen
- 21:33 - CSS-Keyframes, animationName
- 22:37 - Outro
Empfohlene Ressourcen
Folgen zu diesem Thema
Feedback? Melden Sie hier ein Problem.