-
Notifications
You must be signed in to change notification settings - Fork 6.8k
docs: clean up and clarify theming docs #13435
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM overall
guides/theming-your-components.md
Outdated
@@ -1,80 +1,81 @@ | |||
# Theming your custom components | |||
In order to style your own components with Angular Material's tooling, the component's styles must be defined with Sass. | |||
### Theming your own component the Angular Material way |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Should this be something like
Theming your component using Angular Material's theming system
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done
guides/theming-your-components.md
Outdated
We can better theme our custom components by adding a `@mixin` function to its theme file, and then call this function to apply a theme. | ||
|
||
All you need is to create a `@mixin` function in the custom-component-theme.scss | ||
#### 1. Define all color and typography styles in a "theme mixin" for the component |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This section should include examples for both theme and typography, currently we mention typography but don't show it in the examples.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done
This makes some minor wording changes to the main theming guide and mostly rewrites the theming-your-own-component guide. Edited for clarify, brevity, and language. Fixes angular#13206
49ba6a3
to
0d37cf8
Compare
This makes some minor wording changes to the main theming guide and mostly rewrites the theming-your-own-component guide. Edited for clarify, brevity, and language. Fixes angular#13206
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
This makes some minor wording changes to the main theming guide and mostly rewrites the theming-your-own-component guide. Edited for clarify, brevity, and language.
Fixes #13206