mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-07-17 16:45: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)
34 lines
807 B
SCSS
34 lines
807 B
SCSS
@charset "UTF-8";
|
|
|
|
// all variables set by Hugo's config.toml must go here
|
|
// stylelint-disable
|
|
$max-width: {{ printf "%d%s" .Site.Params.pageMaxWidth "px" }};
|
|
$base-url: "{{ strings.TrimRight "/" .Site.BaseURL }}/"; // consistent trailing forward slash
|
|
// stylelint-enable
|
|
|
|
// Variables & Functions
|
|
@import 'abstracts/themes';
|
|
@import 'abstracts/variables';
|
|
@import 'abstracts/functions';
|
|
|
|
// Global Styles
|
|
@import 'components/fonts';
|
|
@import 'components/global';
|
|
@import 'components/header';
|
|
@import 'components/footer';
|
|
@import 'components/content';
|
|
|
|
// Pages
|
|
@import 'pages/home';
|
|
@import 'pages/list';
|
|
@import 'pages/single';
|
|
@import 'pages/videos';
|
|
@import 'pages/etc';
|
|
|
|
// Responsive Mixins
|
|
@import 'abstracts/responsive';
|
|
|
|
// Miscellaneous
|
|
@import 'components/syntax';
|
|
@import 'components/magic';
|