Skip to content

Commit 6767e01

Browse files
jelbourndevversion
authored andcommitted
docs: improvements to guide changes
1 parent 54db75e commit 6767e01

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

guides/duplicate-theming-styles.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22

33
As explained in the [theming guide](./theming.md), a theme in Angular Material consists of
44
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.
66

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:
88

99
```scss
1010
$light-theme: mat-light-theme((color: ...));
@@ -22,7 +22,7 @@ $dark-theme: mat-dark-theme((color: ...));
2222
}
2323
```
2424

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`
2626
selector. Replace the `angular-material-theme` mixin and include the dark theme using the
2727
`angular-material-color` mixin. For example:
2828

@@ -36,7 +36,7 @@ selector. Replace the `angular-material-theme` mixin and include the dark theme
3636
}
3737
```
3838

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`.
4040

4141
#### Disabling duplication warnings
4242

0 commit comments

Comments
 (0)