diff options
author | axtloss <axtlos@disroot.org> | 2024-08-20 01:20:30 +0200 |
---|---|---|
committer | axtloss <axtlos@disroot.org> | 2024-08-20 01:20:30 +0200 |
commit | e235aa6cf4914cbff6c72f19e0fcf6888da349f7 (patch) | |
tree | 0d488cadc02706aa2c7652b42e4f21342125c5f7 /src/routes/styles.scss | |
parent | 479414a93ae03a4463c16d54b39cd155b1e04683 (diff) | |
download | website-e235aa6cf4914cbff6c72f19e0fcf6888da349f7.tar.gz website-e235aa6cf4914cbff6c72f19e0fcf6888da349f7.tar.bz2 |
yayyy new website!!
Diffstat (limited to '')
-rw-r--r-- | src/routes/styles.scss | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/src/routes/styles.scss b/src/routes/styles.scss new file mode 100644 index 0000000..0fe7ab6 --- /dev/null +++ b/src/routes/styles.scss @@ -0,0 +1,48 @@ +@import "@fontsource-variable/inter"; + +body { + font-family: + 'Inter Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, + Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 1.2em; + color: #150129; +} + +h1 { + width: 100%; + font-size-adjust: 0.7; + margin-bottom: 2px; +} + +page { + display: flex; + flex-direction: column; + align-items: center; + + width: 100%; + height: 0; + padding: 0 0 calc(100% * 495 / 2048) 0; +} + +.permalink { + color: #150129; +} + +.subheader { + font-size: 0.9em; + margin-top: 0px; +} + + +@media (prefers-color-scheme: dark) { + /* If the operating system is using dark mode, then apply this CSS */ + body { + background: #292b33; + color: #f5f5f5 + } + a:link:not(.permalink),a:visited:not(.permalink) { + color: #b9cffb; + } +} + +a:link:not(.permalink),a:visited:not(.permalink) { color: #2160ad; } |