Tropix126 / wincss

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

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

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

• Components

  • Button
    • DropDownButton
    • HyperLinkButton
    • SplitButton
  • FormOption
    • ControlHeader (control label)
    • CheckBox
    • ToggleSwitch
    • 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