@use 'variables' as *;
@use 'mixins' as *;
@each $font-family in ('Material Icons',
'Material Icons Outlined',
'Material Icons Round',
'Material Icons Sharp',
'Material Icons Two Tone'
) {
$full-class-name: to-lower-case($font-family);
$full-class-name: material-icons-str-replace($full-class-name, ' ', '-');
$class-name: material-icons-str-replace($full-class-name,
'material-icons',
$material-icons-css-prefix );
/**
* @deprecated As of 1.0, use .#{$full-class-name} instead of .#{$class-name}
*/
.#{$class-name} {
@include material-icons-font-class($font-family);
}
}
@each $name, $codepoint in $material-icons-codepoints {
$class-name: material-icons-str-replace($name,
$material-icons-css-search,
$material-icons-css-replace );
.#{$material-icons-css-prefix}-#{$class-name} {
@include material-icon($name);
}
}