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

[icon_size] add note to the docu about the featuere

Browse Source 
Signed-off-by: Thorsten Scherler <scherler@gmail.com>
This commit is contained in:
Thorsten Scherler 2023-11-03 14:15:48 +01:00
parent 65baa1af64
commit 57cec62ea2
No known key found for this signature in database
GPG Key ID: 867A155D46D97BE1
1 changed files with 3 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
docs/components/icon.md
View File

@ -141,8 +141,9 @@ If using SVG icons, add an `aria-label` attribute to the SVG element.
Token | Default value
---------------- | -----------------------------
`--md-icon-font` | `'Material Symbols Outlined'`
`--md-icon-size` | `24px`
* [All tokens](https://github.com/material-components/material-web/blob/main/icon/internal/_md-comp-icon.scss)
* [All tokens](https://github.com/material-components/material-web/blob/main/tokens/_md-comp-icon.scss)
<!-- {.external} -->
### Example
@ -157,13 +158,7 @@ Token | Default value
<style>
md-icon {
color: #006A6A;
font-size: 48px;
}
md-icon,
md-icon > * {
/* Resizes any slotted images or SVGs */
width: 48px;
height: 48px;
--md-icon-size: 48px;
}
.rounded {
--md-icon-font: 'Material Symbols Rounded';