53 lines
1.5 KiB
SCSS
53 lines
1.5 KiB
SCSS
|
$font-path-beeline-sans: '/fonts/beeline-sans' !default;
|
||
|
|
|
||
|
|
@mixin beeline-sans-font($type, $weight, $style: normal) {
|
||
|
|
@font-face {
|
||
|
|
font-family: "Beeline Sans";
|
||
|
|
src:url('#{$font-path-beeline-sans}/BeelineSans-#{$type}.woff2') format('woff2'),
|
||
|
|
url('#{$font-path-beeline-sans}/BeelineSans-#{$type}.woff') format('woff'),
|
||
|
|
url('#{$font-path-beeline-sans}/BeelineSans-#{$type}.ttf') format('truetype');
|
||
|
|
font-weight: $weight;
|
||
|
|
font-style: $style;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin beeline-sans-font-pair($type, $weight) {
|
||
|
|
@include beeline-sans-font($type, $weight);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
@include beeline-sans-font-pair(Regular, 400);
|
||
|
|
|
||
|
|
@include beeline-sans-font-pair(Medium, 500);
|
||
|
|
|
||
|
|
@include beeline-sans-font-pair(Bold, 700);
|
||
|
|
|
||
|
|
@include beeline-sans-font-pair(Black, 900);
|
||
|
|
|
||
|
|
$font-path-roboto-mono: '/fonts/roboto-mono' !default;
|
||
|
|
|
||
|
|
@mixin roboto-mono-font($type, $weight, $style: normal) {
|
||
|
|
@font-face {
|
||
|
|
font-family: "Roboto Mono";
|
||
|
|
src:url('#{$font-path-roboto-mono}/RobotoMono-#{$type}.woff2') format('woff2'),
|
||
|
|
url('#{$font-path-roboto-mono}/RobotoMono-#{$type}.woff') format('woff'),
|
||
|
|
url('#{$font-path-roboto-mono}/RobotoMono-#{$type}.ttf') format('truetype');
|
||
|
|
font-weight: $weight;
|
||
|
|
font-style: $style;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin roboto-mono-font-pair($type, $weight) {
|
||
|
|
@include roboto-mono-font($type, $weight);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
@include roboto-mono-font-pair(Light, 300);
|
||
|
|
|
||
|
|
@include roboto-mono-font-pair(Regular, 400);
|
||
|
|
|
||
|
|
@include roboto-mono-font-pair(Medium, 500);
|
||
|
|
|
||
|
|
@include roboto-mono-font-pair(Bold, 700);
|
||
|
|
|