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

Entwickler