skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(theming): update mat-color usage for numeric hue and -contrast modifier (#9977)

Browse Source
This commit is contained in:
timmoy
2018-02-17 10:06:43 -05:00
committed by Jeremy Elbourn
parent 73bc948faa
commit f6537a18ff
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
guides/theming-your-components.md
+3 -2
View File
@@ -65,11 +65,12 @@ You can use the `mat-color` function to extract a specific color from a palette.
// Use mat-color to extract individual colors from a palette as necessary.
// The hue can be one of the standard values (500, A400, etc.), one of the three preconfigured
// hues (default, lighter, darker), or any of the aforementioned prefixed with "-contrast".
// For example a hue of "darker-contrast" gives a light color to contrast with a "darker" hue
// For example a hue of "darker-contrast" gives a light color to contrast with a "darker" hue.
// Note that quotes are needed when using a numeric hue with the "-contrast" modifier.
// Available color palettes: https://www.google.com/design/spec/style/color.html
.candy-carousel {
background-color: mat-color($candy-app-primary);
border-color: mat-color($candy-app-accent, A400);
color: mat-color($candy-app-primary, darker);
color: mat-color($candy-app-primary, '100-contrast');
}
```