From 075fc3157ce20d3b36639a8b354a706bd6d62062 Mon Sep 17 00:00:00 2001
From: elisejakob <hei@elisejakob.no>
Date: Wed, 30 Jan 2019 11:40:30 +0100
Subject: [PATCH] start adding basic styling

---
 src/css/base.scss      | 32 +++++++++++++++++++++++++++++---
 src/css/variables.scss |  2 +-
 2 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/css/base.scss b/src/css/base.scss
index 31d379f..39fc137 100644
--- a/src/css/base.scss
+++ b/src/css/base.scss
@@ -1,17 +1,43 @@
+* {
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  &:focus {
+    outline: none;
+    padding-bottom: 0.1rem;
+    margin-bottom: 0.1rem;
+    border-bottom: 1px solid $color-link;
+  }
+}
+
+html {
+	font-size: calc(14px + 6 * ((100vw - 320px) / 1200));
+  height: 100%;
+}
+
 body {
-  font-family: $sans-serif;
+  min-height: 100%;
+  margin: 0;
+  padding: 0 2rem;
   background: $color-background;
   color: $color-text;
+
+  font-family: $sans-serif;
+  line-height: 1.6;
 }
 
 a {
-  color: $color-links;
-  
+  color: $color-link;
+
   &:hover {
     color: $color-hover;
   }
 }
 
+p {
+  max-width: 30rem;
+}
+
 .blog-post {
   padding: 0 0 2rem;
 }
\ No newline at end of file
diff --git a/src/css/variables.scss b/src/css/variables.scss
index 691f602..c0299c0 100644
--- a/src/css/variables.scss
+++ b/src/css/variables.scss
@@ -10,5 +10,5 @@ $color-white: #FAFAFA;
 
 $color-background: $color-black;
 $color-text: $color-white;
-$color-links: $color-orange;
+$color-link: $color-orange;
 $color-hover: $color-yellow;
\ No newline at end of file