From 00e0fb4da328d57e4586b77ca9bc0b7d359da05b Mon Sep 17 00:00:00 2001
From: Xevion <xevioni@yandex.com>
Date: Wed, 9 Sep 2020 10:12:00 -0500
Subject: [PATCH] switch to global variable file import for scss

---
 client/src/components/Character.vue          | 2 --
 client/src/components/CharacterList.vue      | 2 --
 client/src/components/Home.vue               | 2 --
 client/src/components/QuoteList.vue          | 2 --
 client/src/components/SearchResult.vue       | 2 --
 client/src/components/SearchResults.vue      | 2 --
 client/src/components/SeasonList.vue         | 2 --
 client/src/components/Skeleton.vue           | 2 --
 client/src/{assets => }/scss/_variables.scss | 0
 client/vue.config.js                         | 7 +++++++
 10 files changed, 7 insertions(+), 16 deletions(-)
 rename client/src/{assets => }/scss/_variables.scss (100%)

diff --git a/client/src/components/Character.vue b/client/src/components/Character.vue
index 2b432f2..3dcce1b 100644
--- a/client/src/components/Character.vue
+++ b/client/src/components/Character.vue
@@ -9,8 +9,6 @@
 </template>
 
 <style lang="scss" scoped>
-@import "../assets/scss/_variables";
-
 .card-body h4,
 .breadcrumb-item.active {
     text-transform: capitalize;
diff --git a/client/src/components/CharacterList.vue b/client/src/components/CharacterList.vue
index 6e090c8..6e6c75c 100644
--- a/client/src/components/CharacterList.vue
+++ b/client/src/components/CharacterList.vue
@@ -19,8 +19,6 @@
 </template>
 
 <style lang="scss">
-@import "../assets/scss/_variables";
-
 .btn {
     box-shadow: none;
 
diff --git a/client/src/components/Home.vue b/client/src/components/Home.vue
index ce53609..b2241f3 100644
--- a/client/src/components/Home.vue
+++ b/client/src/components/Home.vue
@@ -11,8 +11,6 @@
 </template>
 
 <style lang="scss">
-@import "../assets/scss/_variables";
-
 .card {
     color: $grey-9;
     background-color: $grey-2;
diff --git a/client/src/components/QuoteList.vue b/client/src/components/QuoteList.vue
index 39fb4b6..4e7f252 100644
--- a/client/src/components/QuoteList.vue
+++ b/client/src/components/QuoteList.vue
@@ -27,8 +27,6 @@
 </template>
 
 <style lang="scss">
-@import "../assets/scss/_variables";
-
 .quote-list > tr {
     white-space: nowrap;
 
diff --git a/client/src/components/SearchResult.vue b/client/src/components/SearchResult.vue
index c8f691c..955d654 100644
--- a/client/src/components/SearchResult.vue
+++ b/client/src/components/SearchResult.vue
@@ -73,8 +73,6 @@
 </template>
 
 <style lang="scss">
-@import "../assets/scss/_variables";
-
 .expandable-result {
     cursor: pointer;
 }
diff --git a/client/src/components/SearchResults.vue b/client/src/components/SearchResults.vue
index 9ef146d..da5d4e2 100644
--- a/client/src/components/SearchResults.vue
+++ b/client/src/components/SearchResults.vue
@@ -12,8 +12,6 @@
     </div>
 </template>
 <style lang="scss">
-@import "../assets/scss/_variables";
-
 .card-footer {
     padding: 0.1em;
     font-size: 0.8em;
diff --git a/client/src/components/SeasonList.vue b/client/src/components/SeasonList.vue
index d726d52..1db7f6e 100644
--- a/client/src/components/SeasonList.vue
+++ b/client/src/components/SeasonList.vue
@@ -59,8 +59,6 @@
 </template>
 
 <style lang="scss">
-@import "../assets/scss/_variables";
-
 // Make all season cards 'clickable'
 .season-item > .card-body > .card-header {
     cursor: pointer;
diff --git a/client/src/components/Skeleton.vue b/client/src/components/Skeleton.vue
index de1029f..b67bed0 100644
--- a/client/src/components/Skeleton.vue
+++ b/client/src/components/Skeleton.vue
@@ -2,8 +2,6 @@
     <div class="skeleton"></div>
 </template>
 <style lang="scss" scoped>
-@import "../assets/scss/_variables";
-
 .skeleton {
     background-color: $grey-4;
     background-image: linear-gradient(90deg, $grey-4, $grey-6, $grey-4);
diff --git a/client/src/assets/scss/_variables.scss b/client/src/scss/_variables.scss
similarity index 100%
rename from client/src/assets/scss/_variables.scss
rename to client/src/scss/_variables.scss
diff --git a/client/vue.config.js b/client/vue.config.js
index f734e0b..cb1d043 100644
--- a/client/vue.config.js
+++ b/client/vue.config.js
@@ -1,4 +1,11 @@
 module.exports = {
   outputDir: '../dist/',
   assetsDir: './static',
+  css: {
+    loaderOptions: {
+      sass: {
+        prependData: '@import "@/scss/_variables.scss";'
+      }
+    }
+  }
 };