Move configurables to config folder

config/variables.scss

@@ -4,5 +4,5 @@ $white: #fdfdfd;
 $black: #2f2f2f;
 $blue: #144A98;
 $grey: #A9A9A9;
-$topbar: #1B4367;
+$navbar: #1B4367;
 $break-large: 992px;

src/components/About.js

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types'
 import React, { Component } from 'react'
 import { Spinner, Header } from '.'
-import '../static/stylesheets/globals.scss'
-import contentStyle from '../static/stylesheets/content.scss'
+import '../stylesheets/globals.scss'
+import contentStyle from '../stylesheets/content.scss'
 import style from './About.scss'
 import MarkdownIt from 'markdown-it'
 

src/components/About.scss

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

src/components/Blog.js

@@ -1,9 +1,9 @@
 import PropTypes from 'prop-types'
 import React, { Component } from 'react'
 import { Spinner, Header } from '.'
-import '../static/stylesheets/globals.scss'
+import '../stylesheets/globals.scss'
 import styles from './Blog.scss'
-import contentStyle from '../static/stylesheets/content.scss'
+import contentStyle from '../stylesheets/content.scss'
 
 export default class Blog extends Component {
   static propTypes = {

src/components/Blog.scss

@@ -1,4 +1,4 @@
-@import "../static/stylesheets/variables.scss";
+@import "../../config/variables.scss";
 
 .postDate {
   margin-right: 50px;

src/components/Header.js

@@ -1,5 +1,5 @@
 import React, {Component} from 'react';
-import '../static/stylesheets/globals.scss';
+import '../stylesheets/globals.scss';
 import styles from './Header.scss';
 
 export default class Header extends Component {

src/components/Header.scss

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

src/components/Home.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import { Link } from 'react-router-dom'
-import config from '../../config.json'
-import '../static/stylesheets/globals.scss'
+import config from '../../config/config.json'
+import '../stylesheets/globals.scss'
 import styles from './Home.scss'
 
 export default class Home extends Component {

src/components/Home.scss

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

src/components/Navbar.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
-import config from '../../config.json'
-import '../static/stylesheets/globals.scss'
+import config from '../../config/config.json'
+import '../stylesheets/globals.scss'
 import styles from './Navbar.scss'
 
 export default class Navbar extends Component {

src/components/Navbar.scss

@@ -1,7 +1,7 @@
-@import "../static/stylesheets/variables.scss";
+@import "../../config/variables.scss";
 
 .navbar {
-  background-color: #1B4367;
+  background-color: $navbar;
   color: $white;
   background-position: center;
   background-repeat: no-repeat;

src/components/NotFoundPage.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Navbar, Header } from '.'
-import '../static/stylesheets/globals.scss'
-import contentStyle from '../static/stylesheets/content.scss'
+import '../stylesheets/globals.scss'
+import contentStyle from '../stylesheets/content.scss'
 
 export const NotFoundPage = (props) => {
   return (

src/components/NotFoundWrapper.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 import { Wrapper, NotFoundPage } from '.'
-import '../static/stylesheets/globals.scss'
+import '../stylesheets/globals.scss'
 
 export default class NotFoundWrapper extends Component {
   render () {

src/components/Post.js

@@ -1,8 +1,8 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import { Spinner, Header, Navbar } from '.'
-import '../static/stylesheets/globals.scss'
-import contentStyle from '../static/stylesheets/content.scss'
+import '../stylesheets/globals.scss'
+import contentStyle from '../stylesheets/content.scss'
 import styles from './Post.scss'
 import MarkdownIt from 'markdown-it'
 import fm from 'front-matter'

src/components/Post.scss

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

src/components/Spinner.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react'
-import '../static/stylesheets/globals.scss'
+import '../stylesheets/globals.scss'
 import styles from './Spinner.scss'
 
 export default class Spinner extends Component {

src/components/Spinner.scss

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

src/components/Wrapper.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { Component } from 'react'
-import '../static/stylesheets/globals.scss'
+import '../stylesheets/globals.scss'
 import styles from './Wrapper.scss'
 
 export default class Wrapper extends Component {

src/components/Wrapper.scss

@@ -1,11 +1,11 @@
-@import "../static/stylesheets/variables.scss";
+@import "../../config/variables.scss";
 
 .centerContent {
   text-align: center;
 }
 
 .flexWrap {
-  @media only screen and (min-width: 1024px) {
+  @media only screen and (min-width: $break-large) {
     display: flex;
   }
 }

src/stylesheets/content.scss

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

src/stylesheets/globals.scss

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

src/utils/api.js

@@ -1,7 +1,7 @@
 import fs from 'fs'
 import jsonfile from 'jsonfile'
 import path from 'path'
-import config from '../../config.json'
+import config from '../../config/config.json'
 
 export function getData (reqPath = '') {
   if (reqPath === '') {

src/utils/scanner.js

@@ -1,6 +1,6 @@
 import fs from 'fs'
 import path from 'path'
-import config from '../../config.json'
+import config from '../../config/config.json'
 import fm from 'front-matter'
 import moment from 'moment'
 import jsonfile from 'jsonfile'