Move variables back to stylesheets

config/variables.scss

@@ -1,9 +0,0 @@
-$font-header: 'Open Sans Condensed', sans-serif;
-$font-paragraph: 'Open Sans', sans-serif;
-$white: #fdfdfd;
-$black: #2f2f2f;
-$blue: #144A98;
-$grey: #A9A9A9;
-$body: #f1f1f1;
-$navbar: #1B4367;
-$break-large: 992px;

src/components/About.scss

@@ -1,4 +1,4 @@
-@import "../../config/variables.scss";
+@import "../stylesheets/variables.scss";
 
 .about {
     flex: 30%;

src/components/Blog.scss

@@ -1,4 +1,4 @@
-@import "../../config/variables.scss";
+@import "../stylesheets/variables.scss";
 
 .postDate {
   float: right;

src/components/Header.scss

@@ -1,4 +1,4 @@
-@import "../../config/variables.scss";
+@import "../stylesheets/variables.scss";
 
 .mainHeader {
   border-left: 5px solid $blue;

src/components/Home.scss

@@ -1,4 +1,4 @@
-@import "../../config/variables.scss";
+@import "../stylesheets/variables.scss";
 
 #coverPage {
   background: url('/static/background.jpg') no-repeat center center fixed;

src/components/Navbar.scss

@@ -1,4 +1,4 @@
-@import "../../config/variables.scss";
+@import "../stylesheets/variables.scss";
 
 .navbar {
   background-color: $navbar;

src/components/Post.scss

@@ -1,4 +1,4 @@
-@import "../../config/variables.scss";
+@import "../stylesheets/variables.scss";
 
 .postContent {
   clear: both;

src/components/Spinner.scss

@@ -1,7 +1,7 @@
 /*
   from https://loading.io/css/
 */
-@import "../../config/variables.scss";
+@import "../stylesheets/variables.scss";
 
 .spinnerWrapper {
   width: 100%;

src/components/Wrapper.scss

@@ -1,4 +1,4 @@
-@import "../../config/variables.scss";
+@import "../stylesheets/variables.scss";
 
 .centerContent {
   text-align: center;

src/stylesheets/content.scss

@@ -1,4 +1,4 @@
-@import "../../config/variables.scss";
+@import "./variables.scss";
 
 .contentWrapper {
   display: inline-block;

src/stylesheets/globals.scss

@@ -1,4 +1,4 @@
-@import "../../config/variables.scss";
+@import "./variables.scss";
 
 :global(body, html) {
     height: 100%;