From b8994b0b5c80a5ebf5f6ce39af255fcfa10c1fae Mon Sep 17 00:00:00 2001
From: elisejakob <hei@elisejakob.no>
Date: Tue, 29 Jan 2019 21:30:42 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=85=20start=20stylin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Layout.js   | 2 +-
 src/components/PostList.js | 3 +--
 src/components/all.sass    | 0
 src/css/base.scss          | 8 ++++++++
 src/css/fonts.scss         | 3 +++
 src/css/main.scss          | 4 ++++
 src/css/variables.scss     | 1 +
 7 files changed, 18 insertions(+), 3 deletions(-)
 delete mode 100644 src/components/all.sass
 create mode 100644 src/css/base.scss
 create mode 100644 src/css/fonts.scss
 create mode 100644 src/css/main.scss
 create mode 100644 src/css/variables.scss

diff --git a/src/components/Layout.js b/src/components/Layout.js
index f565a9c..4c5cea6 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -2,7 +2,7 @@ import React from 'react'
 import Helmet from 'react-helmet'
 
 import Navbar from './Navbar'
-import './all.sass'
+import '../css/main.scss'
 
 const TemplateWrapper = ({ children }) => (
   <div>
diff --git a/src/components/PostList.js b/src/components/PostList.js
index c77b682..be31892 100644
--- a/src/components/PostList.js
+++ b/src/components/PostList.js
@@ -14,8 +14,7 @@ export default class IndexPage extends React.Component {
           </div>
           {posts.map(({ node: post }) => (
             <div
-              className="content"
-              style={{ border: '1px solid #eaecee', padding: '2em 4em' }}
+              className="blog-post"
               key={post.id}
             >
               <p>
diff --git a/src/components/all.sass b/src/components/all.sass
deleted file mode 100644
index e69de29..0000000
diff --git a/src/css/base.scss b/src/css/base.scss
new file mode 100644
index 0000000..d0c646b
--- /dev/null
+++ b/src/css/base.scss
@@ -0,0 +1,8 @@
+body {
+  background: $color-background;
+}
+
+.blog-post {
+  background: white;
+  padding: 0 0 2rem;
+}
\ No newline at end of file
diff --git a/src/css/fonts.scss b/src/css/fonts.scss
new file mode 100644
index 0000000..d1470d9
--- /dev/null
+++ b/src/css/fonts.scss
@@ -0,0 +1,3 @@
+body {
+  font-family: monospace;
+}
\ No newline at end of file
diff --git a/src/css/main.scss b/src/css/main.scss
new file mode 100644
index 0000000..314acaf
--- /dev/null
+++ b/src/css/main.scss
@@ -0,0 +1,4 @@
+/* DNS 2019 STYLE */
+@import 'variables.scss';
+@import 'fonts.scss';
+@import 'base.scss';
\ No newline at end of file
diff --git a/src/css/variables.scss b/src/css/variables.scss
new file mode 100644
index 0000000..6682555
--- /dev/null
+++ b/src/css/variables.scss
@@ -0,0 +1 @@
+$color-background: orange;
\ No newline at end of file