deb-python-xstatic-roboto-f.../css/mixins.scss
2016-06-08 11:47:51 +02:00

33 lines
1.4 KiB
SCSS

$roboto-font-path: '../../../fonts' !default;
@mixin roboto-font($variant, $type, $weight, $style) {
$font-full-path: '#{$roboto-font-path}/#{$variant}/#{$variant}';
@font-face {
font-family: '#{$variant}';
src: url('#{$font-full-path}-#{$type}.eot');
src: local('#{$variant} #{$type}'),
local('#{$variant}-#{$type}'),
url('#{$font-full-path}-#{$type}.eot?#iefix') format('embedded-opentype'),
url('#{$font-full-path}-#{$type}.woff2') format('woff2'),
url('#{$font-full-path}-#{$type}.woff') format('woff'),
url('#{$font-full-path}-#{$type}.ttf') format('truetype'),
url('#{$font-full-path}-#{$type}.svg##{$variant}') format('svg');
font-weight: $weight;
font-style: $style;
}
@font-face {
font-family: '#{$variant}-#{$type}';
src: url('#{$font-full-path}/#{$variant}-#{$type}.eot');
src: local('#{$variant} #{$type}'),
local('#{$variant}-#{$type}'),
url('#{$font-full-path}-#{$type}.eot?#iefix') format('embedded-opentype'),
url('#{$font-full-path}-#{$type}.woff2') format('woff2'),
url('#{$font-full-path}-#{$type}.woff') format('woff'),
url('#{$font-full-path}-#{$type}.ttf') format('truetype'),
url('#{$font-full-path}-#{$type}.svg##{$variant}') format('svg');
}
}