Renovate bot | f591dcf | 2023-12-30 14:13:54 +0000 | [diff] [blame] | 1 | @import 'variables'; |
| 2 | @import 'mixins'; |
Copybara bot | be50d49 | 2023-11-30 00:16:42 +0100 | [diff] [blame] | 3 | |
Renovate bot | f591dcf | 2023-12-30 14:13:54 +0000 | [diff] [blame] | 4 | @each $font-family |
| 5 | in ( |
| 6 | 'Material Icons', |
| 7 | 'Material Icons Outlined', |
| 8 | 'Material Icons Round', |
| 9 | 'Material Icons Sharp', |
| 10 | 'Material Icons Two Tone' |
| 11 | ) |
| 12 | { |
| 13 | $full-class-name: to-lower-case($font-family); |
| 14 | $full-class-name: material-icons-str-replace($full-class-name, ' ', '-'); |
| 15 | $class-name: material-icons-str-replace( |
| 16 | $full-class-name, |
| 17 | 'material-icons', |
| 18 | $material-icons-css-prefix |
| 19 | ); |
Copybara bot | be50d49 | 2023-11-30 00:16:42 +0100 | [diff] [blame] | 20 | |
Renovate bot | f591dcf | 2023-12-30 14:13:54 +0000 | [diff] [blame] | 21 | /** |
Renovate bot | 650e667 | 2024-02-09 00:15:10 +0000 | [diff] [blame^] | 22 | * @deprecated As of 1.0, use .#{$full-class-name} instead of .#{$class-name} |
Renovate bot | f591dcf | 2023-12-30 14:13:54 +0000 | [diff] [blame] | 23 | */ |
| 24 | .#{$class-name} { |
| 25 | @include material-icons-font-class($font-family); |
| 26 | } |
Copybara bot | be50d49 | 2023-11-30 00:16:42 +0100 | [diff] [blame] | 27 | } |
| 28 | |
| 29 | @each $name, $codepoint in $material-icons-codepoints { |
| 30 | $class-name: material-icons-str-replace( |
| 31 | $name, |
| 32 | $material-icons-css-search, |
| 33 | $material-icons-css-replace |
| 34 | ); |
| 35 | |
| 36 | .#{$material-icons-css-prefix}-#{$class-name} { |
| 37 | @include material-icon($name); |
| 38 | } |
| 39 | } |