mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2026-06-29 23:45:58 -04:00
30 lines
1.1 KiB
SCSS
30 lines
1.1 KiB
SCSS
@use "sass:list";
|
|
|
|
// The maximum width of the content area:
|
|
$max-width: 865px;
|
|
|
|
// Width at which to switch to mobile styles:
|
|
$responsive-width: 800px;
|
|
|
|
// Web fonts:
|
|
$webfont-sans: "Inter";
|
|
$webfont-sans-variable: "Inter var";
|
|
$webfont-mono: "Roboto Mono";
|
|
$webfont-mono-variable: "Roboto Mono var";
|
|
|
|
// 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 with system fonts as backup:
|
|
$font-stack-sans: list.join($webfont-sans, $system-fonts-sans);
|
|
$font-stack-sans-variable: list.join($webfont-sans-variable, $system-fonts-sans);
|
|
$font-stack-mono: list.join($webfont-mono, $system-fonts-mono);
|
|
$font-stack-mono-variable: list.join($webfont-mono-variable, $system-fonts-mono);
|
|
|
|
// Fancy link underline settings:
|
|
$link-underline-opacity: 40%;
|
|
$link-underline-size: 2px;
|