XamlCSS.UWP
2.2.0-pre5
See the version list below for details.
dotnet add package XamlCSS.UWP --version 2.2.0-pre5
NuGet\Install-Package XamlCSS.UWP -Version 2.2.0-pre5
<PackageReference Include="XamlCSS.UWP" Version="2.2.0-pre5" />
paket add XamlCSS.UWP --version 2.2.0-pre5
#r "nuget: XamlCSS.UWP, 2.2.0-pre5"
// Install XamlCSS.UWP as a Cake Addin #addin nuget:?package=XamlCSS.UWP&version=2.2.0-pre5&prerelease // Install XamlCSS.UWP as a Cake Tool #tool nuget:?package=XamlCSS.UWP&version=2.2.0-pre5&prerelease
XamlCSS
Style Xaml-applications with CSS - get it for WPF, Xamarin.Forms or UWP and start right here!
Why XamlCSS For XAML?
Concise
Styling with (s)css gives a more concise declaration of your styles. XamlCSS even supports a subset of SCSS features like selector nesting, css-variables and mixins. This enables you to make your declarations even more concise.
Freely Combine Styles
Other than vanilla Xaml-styles, css allows you to freely combine styles - no BasedOn restriction. Even better, this is done for you behind the curtains!
And if you really want to combine styles yourself use @extend.
Semantic Meaning
Semantic meaning can be conveyed, i.e. is your ui-element important, a warning, a header or a sub-header? This is achieved by using css-classes.
Based On View-Hierarchy
Css takes into account where inside your view-hierarchy your element gets added. No need to manually assigning a style.
It also detects that an element was added or removed.
In combination with semantic selectors you can style a button differently just because it is in a warning dialog. And if you want to create a dark, a light and a custom theme, just switch the css-class-name on your root view-element and all elements update themselves automatically.
Support For Xaml-Features
You can use markup-extensions and triggers in your (s)css.
In css you cannot declare an instance of an object as you can do in xaml. A Storyboard for example must be declared as usual in a ResourceDictionary but then can be referenced in css with a markup-extension.
Designer Support
XamlCSS builds on top of the native Xaml-Style implementations, so it works with the WPF and UWP designer. For Xamarin.Forms there is LiveXAML.
Supported platforms
- XamarinForms
NuGet: XamlCSS.XamarinForms
- WPF
NuGet: XamlCSS.WPF
- Universal Windows Platform
NuGet: XamlCSS.UWP
Supported Features
- CSS selectors
- Remove and reapply styles
- Detect new elements and apply matching styles
- Support Binding * (except vanilla UWP)
- Support StaticResource *
- Support DynamicResource * (except vanilla UWP)
- Set simple values like Foreground, FontSize, FontStyle,... by CSS
- Triggers
- Multiple StyleSheets
- Nested selectors (like Sass)
- Css-variables
- Import of other css-files
- Mixins
Not (yet) supported
- Visual State Manager
For more information look at the provided test-apps in the solution to see how to initialize and use XamlCSS.
*) Breaking change in binding syntax in 2.0.0: instead of {Binding value} you now write #Binding value or "{Binding value}"
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net5.0 was computed. net5.0-windows was computed. net6.0 was computed. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 was computed. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
| .NET Core | netcoreapp1.0 was computed. netcoreapp1.1 was computed. netcoreapp2.0 was computed. netcoreapp2.1 was computed. netcoreapp2.2 was computed. netcoreapp3.0 was computed. netcoreapp3.1 was computed. |
| .NET Standard | netstandard1.0 is compatible. netstandard1.1 was computed. netstandard1.2 was computed. netstandard1.3 was computed. netstandard1.4 was computed. netstandard1.5 was computed. netstandard1.6 was computed. netstandard2.0 was computed. netstandard2.1 was computed. |
| .NET Framework | net45 was computed. net451 was computed. net452 was computed. net46 was computed. net461 was computed. net462 was computed. net463 was computed. net47 was computed. net471 was computed. net472 was computed. net48 was computed. net481 was computed. |
| MonoAndroid | monoandroid was computed. |
| MonoMac | monomac was computed. |
| MonoTouch | monotouch was computed. |
| Tizen | tizen30 was computed. tizen40 was computed. tizen60 was computed. |
| Universal Windows Platform | uap was computed. uap10.0 is compatible. |
| Windows Phone | wp8 was computed. wp81 was computed. wpa81 was computed. |
| Windows Store | netcore was computed. netcore45 was computed. netcore451 was computed. |
| Xamarin.iOS | xamarinios was computed. |
| Xamarin.Mac | xamarinmac was computed. |
| Xamarin.TVOS | xamarintvos was computed. |
| Xamarin.WatchOS | xamarinwatchos was computed. |
-
UAP 10.0
- XamlCSS (>= 2.2.0-pre5)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last updated |
|---|---|---|
| 2.2.1-pre2 | 385 | 5/1/2020 |
| 2.2.1-pre1 | 420 | 4/4/2020 |
| 2.2.0 | 913 | 2/10/2019 |
| 2.2.0-pre7 | 663 | 9/5/2018 |
| 2.2.0-pre6 | 638 | 8/31/2018 |
| 2.2.0-pre5 | 804 | 5/12/2018 |
| 2.2.0-pre4 | 741 | 5/6/2018 |
| 2.2.0-pre3 | 857 | 5/1/2018 |
| 2.2.0-pre2 | 839 | 4/30/2018 |
| 2.2.0-pre1 | 804 | 2/11/2018 |
| 2.1.0 | 1,027 | 12/9/2017 |
| 2.0.1 | 970 | 7/23/2017 |
| 2.0.0 | 913 | 5/21/2017 |
| 2.0.0-pre1 | 777 | 2/9/2017 |
| 1.0.6 | 992 | 1/22/2017 |
| 1.0.5 | 928 | 1/21/2017 |
| 1.0.4 | 998 | 12/18/2016 |
| 1.0.3 | 951 | 11/29/2016 |
| 1.0.2 | 946 | 11/29/2016 |
| 1.0.1 | 943 | 11/22/2016 |
| 0.9.0-beta-1 | 792 | 9/10/2016 |
| 0.9.0-alpha-5 | 788 | 6/27/2016 |
| 0.9.0-alpha-4 | 802 | 6/26/2016 |
| 0.9.0-alpha-3 | 798 | 6/24/2016 |
| 0.9.0-alpha-2 | 796 | 6/17/2016 |
| 0.9.0-alpha | 798 | 5/22/2016 |
| 0.8.0 | 997 | 5/21/2016 |
| 0.8.0-beta-3 | 808 | 5/18/2016 |
| 0.8.0-beta | 1,212 | 5/16/2016 |
2.2.0-pre5
- #78 WPF: Children Of Frame Don't See Parent
- #79 Nth-Selectors With Negative Factor Are Not Handled Correctly
2.2.0-pre4
- Major performance enhancements
- #76 Support Attribute Selectors With Change-Tracking
2.2.0-pre3
- #72 StyleSheet Should Update If SingleBaseStyleSheet Changes
- Removed Measure calls used for exact performance profiling
- Remove missed debug messages
2.2.0-pre2
- #69 Support Selectors With Visual Tree Elements Like ScrollBar: :visualtree selector, logical tree and visual tree
- #70 ItemsControl Children Are Not Styled
- #71 Increase Performance Of Applying Styles: new tree traversing (performance, optimization)
- #73 Support AOT By Setting Preserve Attribute
- Wrong universal-selector if not first selector-fragment
- Pseudo-selector not parsed if combined with another selector (comma separated)
2.2.0-pre1
- #52 Attributes Cannot Be Matched - One-Time Matching
- #53 Asterisk Selector Has Wrong Specificity
- #54 String Value Throws Exception In Property- And DataTriggers
- #59 Preview-Friendly Basing StyleSheets On Others
- #62 Variable Cannot Reference Another Variable
- #64 Support Xml-Namespace mapping
- #65 Remove AngleSharp Dependency
2.1.0
- #6 UWP Designer: Css Selectors don't always select the correct Elements
- #37 UWP: Loading CSS-File from Embedded Resource Embedded in EXE-File Fails
- #39 Ampersand Could Be Anywhere in Selector
- #40 Support @extend
- #43 Wrong Selector Generated When Using Ampersand In The Middle Of Selector
- #47 UWP, Xamarin.Forms Update Loop: Massive Performance Problems If Errors In CSS
- #48 Support Parsing Floating Point Numbers Without Leading Zero
- #49 Support Import Of Css Stored In Application.Resources
- #50 Css-Parser: Parser Hangs If Document Only Contains "At" Character
2.0.1
- #36 Fixed "XamlCSS does not support unicode escapes"
2.0.0
- #29 Support comments
- #30 Support enter/exit trigger actions
- #31 Better error information
- Rewritten tokenizer, css-parser (performance, maintainability)
- Better markup-extension parsing
- Fixed same selector property overrides
- Support namespaces in markup-extensions
2.0.0-pre1
- #11 Nested selectors, css-variables
- #23 Css imports
- #24 Sass-like mixins
- #28 Fixed bracket parsing
1.0.6
- #20 Performance: Selectors are parsed too often
1.0.5
- #19 Decimal Number not parsed correctly
- #18 Class not properly parsed in grouped selectors
- #13 CSS-Parser: Broken String-Literal Handling
1.0.4
- Css namespacing support fixed
- Flickering when control added to view
1.0.3
- Fixed NullReferenceException
1.0.2
- Xaml-Designer Preview support
- CssParser Tokenizer fixed
- Better Logical-/Visual-Tree handling
1.0.1
- Define stylesheet in Xaml-files with css text
- Fixed selector specificity
1.0.0
- Performance/memory improvements: Caching dom-elements, dom-children,...
- Batch-Rendering
- Define stylesheet in Xaml-files with css text
- Fixed selector specificity
0.9.0-beta-1
- Added better css-quotes support
- Support modal pages
- fixed bool value support
- Fixed VisualTreeCell.Include="true"
- Performance improvement
- AngleSharp 0.9.8
0.9.0-alpha-5
- Fix partial updates: not finding all parents while executing css-parser
0.9.0-alpha-2
- fixed NullReferenceException
0.9.0-alpha
- experimental support for MarkupExtensions (only StaticResource)
0.8.0
- Support for attached properties
- Support for CSS-namespaces
0.8.0-beta-3:
Fixed UWP nuget-package