This project has been deprecated in favor of fluent-svelte. See issue #3 for more information.

WinCSS

Overview | Features | Preview

WinCSS is SASS framework which emulates the styles of Fluent Design applications as seen in WinUI 2.4.

Overview

Features

• Core

  • [x] Light/Dark variables
  • [ ] Elevation
  • [ ] Adaptive chrome colors
  • [ ] Component-specific variables
  • [ ] Font sizing/scaling variables.
  • [ ] Common Mixins
  • [ ] CompactSizing

• Components

  • [x] Button
    • [x] DropDownButton
    • [x] HyperLinkButton
    • [x] SplitButton
  • [x] FormOption
    • [x] ControlHeader (control label)
    • [x] CheckBox
    • [x] ToggleSwitch
    • [x] RadioButton
  • [ ] ComboBox
  • [ ] ScrollBar
  • [ ] RatingControl
  • [ ] FlipViewButton
  • [ ] GridView
  • [ ] ListBox
  • [ ] TreeView
  • [ ] DataGrid
  • [ ] CalendarDatePicker
  • [ ] TimePicker
  • [ ] ContentDialog
  • [ ] Flyout
  • [ ] ToolTip
  • [ ] TeachingTip
  • [ ] PersonPicture
  • [ ] AppBar
  • [ ] CommandBar
  • [ ] MenuBar
  • [ ] CommandBarFlyout
  • [ ] MenuFlyout
  • [ ] NavigationView
  • [ ] Pivot
  • [ ] TabView
    • [ ] TabViewAlt
  • [ ] InfoBar
  • [ ] ProgressBar
  • [ ] ProgressRing

• Materials

  • [ ] Acrylic
  • [ ] Light/Dark solid color materials

• Shell

  • [ ] WindowFrame
  • [ ] TitleBar