Merge SCSS mixins and variables into globals

.gitignore

@@ -5,4 +5,6 @@ public
 /.fab
 /fab.zip
 
-/npm-*.log
+/npm-*.log
+
+.eslintcache

src/_globals.scss

@@ -1,4 +1,16 @@
-@import "./variables";
+$layoutWidth: 1200px;
+$accentColor: #e52b3e;
+$accentColorDarker: darken($accentColor, 5);
+$background: #070707;
+$lightBackground: #fff;
+$textColor: white;
+$lightTextColor: black;
+$layoutPadding: 20px;
+
+$noticeColor: rgba(#e52b3e, .15);
+
+$mainFont: "Fira Code", monospace;
+
 
 @mixin flexList {
     display: flex;

src/_variables.scss

@@ -1,12 +0,0 @@
-$layoutWidth: 1200px;
-$accentColor: #e52b3e;
-$accentColorDarker: darken($accentColor, 5);
-$background: #070707;
-$lightBackground: #fff;
-$textColor: white;
-$lightTextColor: black;
-$layoutPadding: 20px;
-
-$noticeColor: rgba(#e52b3e, .15);
-
-$mainFont: "Fira Code", monospace;

src/components/languageSwitcher.module.scss

@@ -1,5 +1,4 @@
-@import "../mixins";
-@import "../variables";
+@import "../globals";
 
 .languageModal {
     position: fixed;

src/components/navigation.module.scss

@@ -1,5 +1,4 @@
-@import "../variables";
-@import "../mixins";
+@import "../globals";
 
 .offscreenNav {
     position: fixed;

src/layouts/default.scss

@@ -1,6 +1,6 @@
 @import "~@fontsource/fira-code/index.css";
 @import "~@fontsource/fira-code/700.css";
-@import "../variables";
+@import "../globals";
 
 * {
     box-sizing: border-box;

src/pages/donate.module.scss

@@ -1,5 +1,4 @@
-@import "../variables";
-@import "../mixins";
+@import "../globals";
 
 .priceAmount {
     display: flex;

src/pages/friends.module.scss

@@ -1,5 +1,4 @@
-@import "../variables";
-@import "../mixins";
+@import "../globals";
 
 .friendsList {
     @include flexList;

src/pages/index.module.scss

@@ -1,5 +1,4 @@
-@import "../variables";
-@import "../mixins";
+@import "../globals";
 
 .heroSection {
     width: 100%;

src/pages/projects.module.scss

@@ -1,5 +1,4 @@
-@import "../variables";
-@import "../mixins";
+@import "../globals";
 
 .projectList {
     @include flexList;

src/pages/social.module.scss

@@ -1,5 +1,4 @@
-@import "../variables";
-@import "../mixins";
+@import "../globals";
 
 .socialList {
     @include flexList;

src/templates/blogListing.module.scss

@@ -1,5 +1,4 @@
-@import "../variables";
-@import "../mixins";
+@import "../globals";
 
 .sectionBacklink {
     display: block;

src/templates/blogPost.module.scss

@@ -1,5 +1,4 @@
-@import "../variables";
-@import "../mixins";
+@import "../globals";
 
 .scamboxSection {
     flex-grow: 1;

src/templates/project.module.scss

@@ -1,4 +1,4 @@
-@import "../variables";
+@import "../globals";
 
 .projectHeader {
     > div {