mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 20:10:31 -04:00
Jake Jarvis
b13da8e05b
* prepare dark mode stuffs * themed all global colors * store preference in local storage * toggle styling * lightbulb position * minify bundled script with uglify-js instead of hugo * detect whether user has an OS-wide dark mode preference and use that by default * two different colors for each homepage link * inline bulb SVGs into stylesheet * fingerprint and cache styles for a year * fix lightbulb positioning with weird magic numbers, will come back to that * themed syntax highlighting * use terser instead of uglify-js (b/c of ES6)
26 lines
909 B
SCSS
26 lines
909 B
SCSS
@charset "UTF-8";
|
|
|
|
// Web fonts
|
|
$webfont-sans: "Inter", sans-serif;
|
|
$webfont-mono: "Hack", monospace;
|
|
|
|
// System fonts
|
|
// https://markdotto.com/2018/02/07/github-system-fonts/
|
|
// stylelint-disable indentation
|
|
$system-fonts: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
|
|
"Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
|
|
"Droid Sans", "Helvetica Neue", sans-serif,
|
|
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
$system-fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
$system-fonts-monospace: "SFMono-Regular", "Consolas", "Liberation Mono",
|
|
"Menlo", "Courier", monospace;
|
|
// stylelint-enable indentation
|
|
|
|
// Width at which to switch to mobile styles
|
|
$responsive-width: 820px;
|
|
|
|
// Fancy link underline settings
|
|
$link-underline-opacity: 40%;
|
|
$link-underline-size: 2px;
|
|
$link-opacity-color: #ffffff;
|