/wincss

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

Primary LanguageSCSSMIT LicenseMIT

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

WinCSS

Overview | Features | Preview

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