From 04478c49ce166b780377b1245e1afa41d0960a17 Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sun, 9 Jul 2023 22:01:35 +0200
Subject: [PATCH] Increased content width & define css vars from scss

---
 _sass/_layout.scss |  2 +-
 _sass/main.scss    | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 7d5ebdb..defb58a 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -34,7 +34,7 @@
   display: flex;
   flex-direction: column;
   width: 100%;
-  max-width: 864px;
+  max-width: 1064px;
   min-height: 100vh;
   margin: 0 auto;
   padding: var(--spacing-unit);
diff --git a/_sass/main.scss b/_sass/main.scss
index eafeecd..8e4deed 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -12,6 +12,10 @@
   src: url("/assets/fonts/FiraCode-Bold.ttf");
 }
 
+$text-color: white;
+$background-color: #222129;
+$brand-color: #fea86a;
+
 :root {
   --font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace;
   --font-size: 16px;
@@ -21,9 +25,9 @@
 
   --spacing-unit: 2.5em;
 
-  --text-color: white;
-  --background-color: #222129;
-  --brand-color: #fea86a;
+  --text-color: $text-color;
+  --background-color: $background-color;
+  --brand-color: $brand-color;
   --border-color: hsla(0, 0%, 100%, 0.1);
 }
 $base-font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace !default;
@@ -34,10 +38,6 @@ $base-line-height: 1.5 !default;
 
 $spacing-unit: 2.5em !default;
 
-$text-color: white !default;
-$background-color: #222129 !default;
-$brand-color: #fea86a !default;
-
 $grey-color: #828282 !default;
 $grey-color-light: lighten($grey-color, 40%) !default;
 $grey-color-dark: darken($grey-color, 25%) !default;