| $v-font-awesome: true !default; // Set to false to exclude Font Awesome |
| |
| @mixin fonts { |
| @include fonticons; |
| @include v-font(ThemeIcons, themeicons-webfont); |
| } |
| |
| @mixin fonticons { |
| @if $v-font-awesome { |
| @include v-font(FontAwesome, fontawesome-webfont); |
| } |
| } |
| |
| @mixin v-font($font-family, $file-name) { |
| @font-face { |
| font-family: '#{$font-family}'; |
| src: url('#{$file-name}.eot'); |
| src: url('#{$file-name}.eot?#iefix') format('embedded-opentype'), url('#{$file-name}.woff') format('woff'), url('#{$file-name}.ttf') format('truetype'), url('#{$file-name}.svg') format('svg'); |
| font-weight: normal; |
| font-style: normal; |
| } |
| .#{$font-family} { |
| font-family: '#{$font-family}'; |
| font-style: normal; |
| font-weight: normal; |
| -webkit-font-smoothing: antialiased; |
| -moz-osx-font-smoothing: grayscale; |
| display: inline-block; |
| } |
| } |
| |
| @mixin font($font-family, $file-name) { |
| @warn "The 'font' mixin is DEPRECATED. You should use the corresponding 'v-font' mixin instead."; |
| @include v-font($font-family, $file-name); |
| } |