mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 12:56:21 -04:00
42 lines
2.3 KiB
SCSS
42 lines
2.3 KiB
SCSS
@use "sass:list";
|
|
|
|
@use "~@fontsource/inter/scss/mixins" as Inter;
|
|
@use "~@fontsource/roboto-mono/scss/mixins" as RobotoMono;
|
|
@use "~@fontsource/comic-neue/scss/mixins" as ComicNeue;
|
|
|
|
// System fonts:
|
|
// https://primer.style/design/foundations/typography#font-stack
|
|
// stylelint-disable-next-line value-keyword-case
|
|
$system-fonts-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif;
|
|
$system-fonts-mono: ui-monospace, "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", "Courier", monospace;
|
|
|
|
// Prefer web fonts below with system fonts as backup:
|
|
$font-stack-sans: list.join("Inter", $system-fonts-sans);
|
|
$font-stack-sans-variable: list.join("Inter var", $system-fonts-sans);
|
|
$font-stack-mono: list.join("Roboto Mono", $system-fonts-mono);
|
|
$font-stack-mono-variable: list.join("Roboto Mono var", $system-fonts-mono);
|
|
|
|
// stylelint-disable scss/operator-no-unspaced
|
|
// prettier-ignore
|
|
$unicode-latin-only: (
|
|
latin: (U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD),
|
|
);
|
|
// stylelint-enable scss/operator-no-unspaced
|
|
|
|
// Inter
|
|
@include Inter.fontFaceVariable($fontName: "Inter var", $type: "full", $unicodeMap: $unicode-latin-only);
|
|
@include Inter.fontFace($fontName: "Inter", $weight: 400, $unicodeMap: $unicode-latin-only);
|
|
@include Inter.fontFace($fontName: "Inter", $weight: 500, $unicodeMap: $unicode-latin-only);
|
|
@include Inter.fontFace($fontName: "Inter", $weight: 700, $unicodeMap: $unicode-latin-only);
|
|
|
|
// Roboto Mono
|
|
@include RobotoMono.fontFaceVariable($fontName: "Roboto Mono var", $unicodeMap: $unicode-latin-only);
|
|
@include RobotoMono.fontFaceVariable($fontName: "Roboto Mono var", $style: italic, $unicodeMap: $unicode-latin-only);
|
|
@include RobotoMono.fontFace($fontName: "Roboto Mono", $weight: 400, $unicodeMap: $unicode-latin-only);
|
|
@include RobotoMono.fontFace($fontName: "Roboto Mono", $weight: 500, $unicodeMap: $unicode-latin-only);
|
|
@include RobotoMono.fontFace($fontName: "Roboto Mono", $weight: 700, $unicodeMap: $unicode-latin-only);
|
|
|
|
// Comic Neue
|
|
@include ComicNeue.fontFace($fontName: "Comic Neue", $weight: 400, $unicodeMap: $unicode-latin-only);
|
|
@include ComicNeue.fontFace($fontName: "Comic Neue", $weight: 700, $unicodeMap: $unicode-latin-only);
|