summaryrefslogtreecommitdiff
path: root/src/routes/styles.scss
diff options
context:
space:
mode:
authoraxtloss <axtlos@disroot.org>2024-08-20 01:20:30 +0200
committeraxtloss <axtlos@disroot.org>2024-08-20 01:20:30 +0200
commite235aa6cf4914cbff6c72f19e0fcf6888da349f7 (patch)
tree0d488cadc02706aa2c7652b42e4f21342125c5f7 /src/routes/styles.scss
parent479414a93ae03a4463c16d54b39cd155b1e04683 (diff)
downloadwebsite-e235aa6cf4914cbff6c72f19e0fcf6888da349f7.tar.gz
website-e235aa6cf4914cbff6c72f19e0fcf6888da349f7.tar.bz2
yayyy new website!!
Diffstat (limited to '')
-rw-r--r--src/routes/styles.scss48
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; }