fix scss imports

src/App.vue

@@ -59,5 +59,5 @@ export default {
 </script>
 
 <style lang="scss">
-@import '@/assets/scss/main.scss';
+@import '@/assets/scss/app.scss';
 </style>

src/assets/scss/abstracts/_abstracts.scss

@@ -16,8 +16,9 @@
 
 
 // Custom variables must be imported first.
-@import 'bootstrap-overrides/variables';
+@import 'functions';
 @import 'variables';
+@import 'mixins';
 
 
 // ┌─╮╭─╮╭─╮╶┬╴╭─╴╶┬╴┌─╮╭─┐┌─╮
@@ -33,8 +34,8 @@
 // │╶┤│ ││ │ │ ╰─╮ │ ├┬╯├─┤├─╯╶─╴│╭╯│ │├─╴
 // └─╯╰─╯╰─╯ ╵ ╶─╯ ╵ ╵ ╰╵ ╵╵     ╰╯ ╰─╯╰─╴
 
-@import "~bootstrap-vue/src/variables";
+@import '~bootstrap-vue/src/variables';
 
 
 // mixins and functions overides must be imported after bootstrap's definitions.
-@import 'bootstrap-overrides/mixins';
+// @import 'bootstrap-overrides/mixins';

src/assets/scss/app.scss

@@ -0,0 +1,10 @@
+@import 'abstracts/functions';
+@import 'abstracts/variables';
+@import 'abstracts/mixins';
+
+@import 'vendors/bootstrap';
+
+@import 'base/root';
+
+@import 'fonts/noto-sans';
+@import 'fonts/redaction';

src/assets/scss/base/_root.scss

@@ -1,8 +1,3 @@
-@import 'globals';
-
-@import 'bootstrap';
-
-
 html,
 body,
 #app {

vue.config.js

@@ -11,7 +11,7 @@ module.exports = {
   css: {
     loaderOptions: {
       sass: {
-        prependData: '@import "@/assets/scss/globals.scss";'
+        prependData: '@import "@/assets/scss/abstracts/_abstracts.scss";'
       }
     }
   },