material-you-react/src/styles/icon.sass

21 lines
532 B
Sass

svg.m3.m3-svg-icon
$sizes: [12px, 16px, 20px, 24px, 28px, 32px, 36px, 40px, 48px]
$types: ["Outlined", "Rounded", "Sharp"]
& > text
text-anchor: middle
dominant-baseline: middle
alignment-baseline: middle
@each $size in $sizes
& > text.m3-size-#{$size}
width: $size
aspect-ratio: 1
line-height: $size
font-size: $size
@each $type in $types
& > text.m3-#{$type}
font-family: Material-Symbols-#{$type}-Regular