You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
CSS support in Xamarin.Forms is the most revolutionary change to Styling XAML. CSS though is traditionally problematic on larger projects as it can quickly become hard to maintain, and error prone as it lacks reusability of common values which could include setting various properties or reusing the same color from one element to the next. With SCSS you gain the ability to break your stylesheets into logical reusable chunks and you gain the ability to define variables and functions for creating your styles. The Mobile.BuildTools now supports Xamarin.Forms CSS generation as part of the build process.
248
+
249
+
**NOTE** The Xamarin.Forms CSS spec does not generate valid CSS and as a result SCSS will not support the use of ^.
250
+
251
+
Valid Xamarin.Forms CSS
252
+
253
+
```css
254
+
^button {
255
+
background-color: transparent;
256
+
}
257
+
258
+
.primary ^button {
259
+
background-color: #78909c;
260
+
}
261
+
```
262
+
The Mobile.BuildTools will post process your SCSS to generate valid CSS for Xamarin.Forms when using the selectors `any` or `all`.
263
+
264
+
Valid SCSS used by the Mobile.BuildTools
265
+
266
+
```css
267
+
button:any {
268
+
background-color: transparent;
269
+
}
270
+
271
+
.primarybutton:all {
272
+
background-color: #78909c;
273
+
}
274
+
```
275
+
276
+
To get started, simply add any scss format stylesheets you want to your project and make sure that the build action is set to `None`. The Mobile.BuildTools will automatically detect them and generate a CSS file for each non-partial (anything not starting with an underscore). For more information on how to get started with SCSS see the [Getting Started Guide](https://sass-lang.com/guide) from LibSass.
0 commit comments