vtenext/themes/next/scss/material/_icons-material-design.scss
2021-04-28 20:10:26 +02:00

50 lines
1.5 KiB
SCSS

// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
@font-face {
font-family: 'Material-Design-Icons';
src:url('#{$material-font-path}/Material-Design-Icons.eot?3ocs8m');
src:url('#{$material-font-path}/Material-Design-Icons.eot?#iefix3ocs8m') format('embedded-opentype'),
url('#{$material-font-path}/Material-Design-Icons.woff?3ocs8m') format('woff'),
url('#{$material-font-path}/Material-Design-Icons.ttf?3ocs8m') format('truetype'),
url('#{$material-font-path}/Material-Design-Icons.svg?3ocs8m#Material-Design-Icons') format('svg');
font-weight: normal;
font-style: normal;
}
@mixin material-icons() {
font-family: 'Material-Design-Icons';
font-weight: normal;
font-style: normal;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
-webkit-font-feature-settings: 'liga';
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
.material-icons {
@include material-icons();
font-size: 24px; /* Preferred icon size */
&.md-14, &.md-xsm { font-size: 14px; }
&.md-18, &.md-sm { font-size: 18px; }
&.md-24 { font-size: 24px; }
&.md-36, &.md-lg { font-size: 36px; }
&.md-48, &.md-xlg { font-size: 48px; }
}