https://github.com/tropix126/wincss

A SASS framework which emulates the styles of Fluent Design applications as seen in WinUI 2.4.
https://github.com/tropix126/wincss

css fluent-design html sass sass-framework scss windows winui winui-controls xaml

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/tropix126/wincss
• Owner: Tropix126
• License: mit
• Archived: true
• Created: 2021-01-09T02:36:37.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-10-25T04:42:06.000Z (about 3 years ago)
• Last Synced: 2024-09-26T00:40:53.814Z (3 months ago)
• Topics: css, fluent-design, html, sass, sass-framework, scss, windows, winui, winui-controls, xaml
• Language: SCSS
• Homepage: https://tropix126.github.io/wincss
• Size: 69.3 KB
• Stars: 33
• Watchers: 4
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
> This project has been deprecated in favor of [fluent-svelte](https://fluent-svelte.vercel.app/). See [issue #3](https://github.com/Tropix126/wincss/issues/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