File tree Expand file tree Collapse file tree 1 file changed +4
-4
lines changed Expand file tree Collapse file tree 1 file changed +4
-4
lines changed Original file line number Diff line number Diff line change 2
2
3
3
As explained in the [ theming guide] ( ./theming.md ) , a theme in Angular Material consists of
4
4
configurations for the ` color ` , ` density ` and ` typography ` systems. As some of these individual
5
- systems have default configurations, it could happen that styles are unnecessarily duplicated .
5
+ systems have default configurations, some usage patterns may cause duplication in the CSS output .
6
6
7
- Below is an example of a pattern that causes duplicated theme styles being generated.
7
+ Below is an example of a pattern that generates duplicative theme styles:
8
8
9
9
``` scss
10
10
$light-theme : mat-light-theme ((color : ...));
@@ -22,7 +22,7 @@ $dark-theme: mat-dark-theme((color: ...));
22
22
}
23
23
```
24
24
25
- To fix this, the dedicated mixin for color styles should be used for the ` .dark-theme `
25
+ To fix this, you can use the dedicated mixin for color styles for the ` .dark-theme `
26
26
selector. Replace the ` angular-material-theme ` mixin and include the dark theme using the
27
27
` angular-material-color ` mixin. For example:
28
28
@@ -36,7 +36,7 @@ selector. Replace the `angular-material-theme` mixin and include the dark theme
36
36
}
37
37
```
38
38
39
- A mixin exists for the ` typography ` system. See ` angular-material-typography ` .
39
+ Typography can also be configured via Sass mixin; see ` angular-material-typography ` .
40
40
41
41
#### Disabling duplication warnings
42
42
You can’t perform that action at this time.
0 commit comments