From 80cbf9790c57d6c4890e6fb79dce96b6ca6b9a9a Mon Sep 17 00:00:00 2001
From: cupcakearmy <hi@nicco.io>
Date: Tue, 29 Dec 2020 20:46:19 +0100
Subject: [PATCH] some styling

---
 .prettierrc                       |  7 +++++++
 .vercelignore                     | 10 ++++++++++
 src/components/Nav.svelte         |  2 ++
 src/components/PageTitle.svelte   |  2 +-
 src/components/PostPreview.svelte |  2 +-
 src/components/WPAdapter.svelte   |  1 +
 static/global.css                 | 12 +++++++++---
 7 files changed, 31 insertions(+), 5 deletions(-)
 create mode 100644 .prettierrc
 create mode 100644 .vercelignore

diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..bd18729
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,7 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": false,
+  "trailingComma": "es5",
+  "singleQuote": true
+}
diff --git a/.vercelignore b/.vercelignore
new file mode 100644
index 0000000..d278557
--- /dev/null
+++ b/.vercelignore
@@ -0,0 +1,10 @@
+# Node
+/node_modules/
+
+# Sapper
+/src/node_modules/@sapper/
+/__sapper__/
+
+.vercel
+data
+backups
\ No newline at end of file
diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
index 342f150..fd84ead 100644
--- a/src/components/Nav.svelte
+++ b/src/components/Nav.svelte
@@ -34,6 +34,8 @@
     list-style: none;
     margin: 0;
     padding: 0;
+    max-height: 100%;
+    overflow: auto;
   }
 
   a {
diff --git a/src/components/PageTitle.svelte b/src/components/PageTitle.svelte
index 5be6c01..3029b7f 100644
--- a/src/components/PageTitle.svelte
+++ b/src/components/PageTitle.svelte
@@ -7,7 +7,7 @@
 
 <style>
   div {
-    margin-top: 8em;
+    margin-top: calc(28vh - 3em);
     margin-bottom: 3em;
   }
 </style>
diff --git a/src/components/PostPreview.svelte b/src/components/PostPreview.svelte
index bc7e9b6..caab91d 100644
--- a/src/components/PostPreview.svelte
+++ b/src/components/PostPreview.svelte
@@ -8,7 +8,7 @@
 <style>
   a {
     display: block;
-    margin-bottom: 8em;
+    margin-bottom: 6em;
   }
   a > :global(img) {
     height: 12em;
diff --git a/src/components/WPAdapter.svelte b/src/components/WPAdapter.svelte
index 14d068f..dc0a393 100644
--- a/src/components/WPAdapter.svelte
+++ b/src/components/WPAdapter.svelte
@@ -76,6 +76,7 @@
   div :global(code) {
     background: #00000012;
     padding: 0.25em;
+    font-size: 0.8em;
   }
   div :global(pre code) {
     background: initial;
diff --git a/static/global.css b/static/global.css
index 5623814..11ec597 100644
--- a/static/global.css
+++ b/static/global.css
@@ -6,8 +6,8 @@
 }
 
 :root {
-  --ff: 'Jost', Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans,
-    Helvetica Neue, sans-serif;
+  --ff: 'Jost', Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen,
+    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   --ff-alt: 'Playfair Display', serif;
   --clr-light: #ffffff;
   --clr-dark: #010101;
@@ -24,7 +24,7 @@ body {
   background-color: var(--clr-light);
 
   font-family: var(--ff);
-  font-size: 1em;
+  font-size: 16px;
   font-weight: lighter;
   color: var(--clr-dark);
   -webkit-font-smoothing: antialiased;
@@ -33,6 +33,12 @@ body {
   text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
 }
 
+@media (min-width: 30em) {
+  body {
+    font-size: 18px;
+  }
+}
+
 h1,
 h2,
 h3,