material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-09-21 10:38:19 +03:00
Code Issues Projects Releases Wiki Activity

Update theming.md

Browse Source
This commit is contained in:
Allan Chen 2021-10-14 15:04:46 -07:00 committed by GitHub
parent db8a43268a
commit d7ff60b86b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/theming.md
View File

@ -282,7 +282,7 @@ such as changing the fill color, ink color, stroke width, and so on.
These properties are documented in each component's API doc
(for example, the [mwc-button API doc](../packages/button/README.md)).
For example, to change the fill, text, and and outline colors for all of your application's `mwc-buttons` (* see note below on caveats):
For example, to change the fill, text, and and outline colors for all of your application's `mwc-button`s:
```css
mwc-button {
@ -292,7 +292,7 @@ mwc-button {
}
```
Note: the above selector will not select buttons enclosed in the shadowdom of another component. To target those components as well, either use the `:root` selector, or supply a custom class that only affects the top-level elements that need to be themed.
Note: the above selector will not select buttons enclosed in the shadowdom of another component. To target those instances as well, either use the `:root` selector, or append the components containing `mwc-button` in their shadowdoms to the selector (i.e. `mwc-button, my-mwc-button-wrapper { ... }`).
You can also use CSS selectors to override global theme properties or
component properties for certain components.