Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
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