Avsnitt

Fluent UI-utbildningar: Designa komponenter och teman

med Oleksandr Fediashov

Fluent UI Insights

I den här självstudien får du en översikt över Fluent UI React v9 med fokus på stilanpassningar. Den beskriver användningen av makeStyles() funktionerna och mergeClasses() . Dessutom förklaras hur du skriver formatmallar för grundläggande scenarier och hur du tillämpar format åsidosättningar för Fluent UI React-komponenter och deras fack.

Kapitel

  • 00:00 – Introduktion till lektionen
  • 00:18 – makeStyles-användning
  • 01:47 – makeStyles & CSS shorthands
  • 02:53 – Vad är CSS-förkortningar?
  • 04:12 – Villkorsstyrda formatmallar via sammanslagningsklasser
  • 05:57 – Ordningen är sammanslagningsklasser
  • 07:08 – Vad är Atomic CSS?
  • 08:41 – Använda token för teman
  • 11:21 – Token i olika teman
  • 12:30 – Anpassning av komponenter
  • 13:40 – Anpassning av fack
  • 16:40 – Använda Griffel Devtools
  • 17:58 - Pseudoklasser
  • 18:54 – Kapslade väljare
  • 20:55 - @media frågor
  • 21:33 – CSS-nyckelrutor, animationName
  • 22:37 - Outro

Developer