mirror of
https://github.com/material-components/material-web.git
synced 2024-09-11 13:46:10 +03:00
[icon_size] add note to the docu about the featuere
Signed-off-by: Thorsten Scherler <scherler@gmail.com>
This commit is contained in:
parent
65baa1af64
commit
57cec62ea2
@ -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';
|
||||
|
Loading…
Reference in New Issue
Block a user