2019-09-20 13:22:19 +09:00

27 lines
745 B
SCSS

i,
mat-icon {
font-size: 24px;
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
line-height: 24px;
@each $breakpoint, $materialBreakpoint in $helper-breakpoints {
@include media-breakpoint($materialBreakpoint) {
$infix: if($materialBreakpoint == null, '', '-#{$breakpoint}');
@for $size from 2 through 128 {
&.s#{$infix}-#{$size * 2} {
font-size: #{($size * 2) + 'px'} !important;
width: #{($size * 2) + 'px'} !important;
height: #{($size * 2) + 'px'} !important;
min-width: #{($size * 2) + 'px'} !important;
min-height: #{($size * 2) + 'px'} !important;
line-height: #{($size * 2) + 'px'} !important;
}
}
}
}
}