1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-27 05:38:26 -04:00
jarv.is/assets/sass/pages/_etc.scss
Jake Jarvis b13da8e05b
dark mode 😎 (#112)
* 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)
2020-04-20 15:04:30 -04:00

31 lines
387 B
SCSS

@charset "UTF-8";
// Video Styles
main#etc {
max-width: $max-width;
padding: 1.5em 2em;
margin: 0 auto;
h1 {
margin-top: 0;
text-align: center;
letter-spacing: -0.005em;
a {
color: inherit;
}
}
}
// Responsive
@mixin responsive--etc() {
main#etc {
padding: 1.25em 1.1em;
h1 {
font-size: 1.6em;
padding: 0 0.6em;
}
}
}