mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 20:30:31 -04:00
Jake Jarvis
363b4edf1c
also migrated SASS to latest syntax (via dart-sass) and vastly simplified light/dark theme logic
27 lines
992 B
SCSS
27 lines
992 B
SCSS
// Web fonts
|
|
$webfont-sans: "Inter";
|
|
$webfont-sans-variable: "Inter var";
|
|
$webfont-mono: "Roboto Mono";
|
|
$webfont-mono-variable: "Roboto Mono var";
|
|
|
|
// System fonts
|
|
// https://markdotto.com/2018/02/07/github-system-fonts/
|
|
$system-fonts-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji",
|
|
"Segoe UI Emoji", "Segoe UI Symbol";
|
|
$system-fonts-monospace: "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", "Courier", monospace;
|
|
|
|
$font-stack-sans: $webfont-sans, $system-fonts-sans;
|
|
$font-stack-variable: $webfont-sans-variable, $system-fonts-sans;
|
|
$font-stack-mono: $webfont-mono, $system-fonts-monospace;
|
|
$font-stack-mono-variable: $webfont-mono-variable, $system-fonts-monospace;
|
|
|
|
// The maximum width of the content area:
|
|
$max-width: 865px;
|
|
// Width at which to switch to mobile styles:
|
|
$responsive-width: 800px;
|
|
|
|
// Fancy link underline settings
|
|
$link-underline-opacity: 40%;
|
|
$link-underline-size: 2px;
|
|
$link-opacity-color: #ffffff;
|