Odcinek

Płynne szkolenia interfejsu użytkownika: składniki stylów i motywy

with Oleksandr Fediashov

Interfejs użytkownika Fluent Szczegółowe informacje

Ten samouczek zawiera omówienie platformy Fluent UI React w wersji 9, podkreślając dostosowania stylu. Obejmuje ona użycie makeStyles() funkcji i mergeClasses() . Ponadto wyjaśniono, jak pisać style dla podstawowych scenariuszy i jak zastosować przesłonięcia stylu dla składników platformy Fluent UI React i ich miejsc.

Rozdziały

  • 00:00 — Wprowadzenie do lekcji
  • 00:18 — użycie elementu makeStyles
  • 01:47 — skróty makeStyles i CSS
  • 02:53 — Co to są skróty CSS?
  • 04:12 — Style warunkowe za pośrednictwem klasy mergeClasses
  • 05:57 — Kolejność to mergeClasses
  • 07:08 — Co to jest niepodzielne arkusze CSS?
  • 08:41 — Używanie tokenów do obsługi motywów
  • 11:21 — Tokeny w różnych motywach
  • 12:30 — Dostosowywanie składników
  • 13:40 — Dostosowywanie miejsc
  • 16:40 — Korzystanie z narzędzia Griffel Devtools
  • 17:58 — Klasy pseudo
  • 18:54 — Zagnieżdżone selektory
  • 20:55 - @media zapytań
  • 21:33 — ramki kluczowe CSS, nazwa animacji
  • 22:37 — Outro

Developer