You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

fonts.scss 1.0KB

1234567891011121314151617181920212223242526272829303132333435
  1. $v-font-awesome: true !default; // Set to false to exclude Font Awesome
  2. @mixin fonts {
  3. @include fonticons;
  4. @include v-font(ThemeIcons, themeicons-webfont);
  5. }
  6. @mixin fonticons {
  7. @if $v-font-awesome {
  8. @include v-font(FontAwesome, fontawesome-webfont);
  9. }
  10. }
  11. @mixin v-font($font-family, $file-name) {
  12. @font-face {
  13. font-family: '#{$font-family}';
  14. src: url('#{$file-name}.eot');
  15. 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');
  16. font-weight: normal;
  17. font-style: normal;
  18. }
  19. .#{$font-family} {
  20. font-family: '#{$font-family}';
  21. font-style: normal;
  22. font-weight: normal;
  23. -webkit-font-smoothing: antialiased;
  24. -moz-osx-font-smoothing: grayscale;
  25. display: inline-block;
  26. }
  27. }
  28. @mixin font($font-family, $file-name) {
  29. @warn "The 'font' mixin is DEPRECATED. You should use the corresponding 'v-font' mixin instead.";
  30. @include v-font($font-family, $file-name);
  31. }