fix scss import order

src/assets/scss/abstracts/_abstracts.scss

@@ -1,41 +1,18 @@
-/*
+// ╭─────────────────────────────────────────────────────────────────╮
-  ╭─────────────────────────────────────────────────────────────────╮
+// │                                                                 │
-  │                                                                 │
+// │   /!\ DO NOT IMPORT OR DEFINE ACTUAL RULES INTO THIS FILE /!\   │
-  │   /!\ DO NOT IMPORT OR DEFINE ACTUAL RULES INTO THIS FILE /!\   │
+// │                                                                 │
-  │                                                                 │
+// │  Only things that disappear after scss compilation is allowed.  │
-  │  Only things that disappear after scss compilation is allowed.  │
+// │                                                                 │
-  │                                                                 │
+// ╰─────────────────────────────────────────────────────────────────╯
-  ╰─────────────────────────────────────────────────────────────────╯
+//
-
+// This file is magically imported into every components so that scss variables and
-  This file is magically imported into every components so that scss variables and
+// mixins can be accessed.
-  mixins can be accessed.
+// But if some rules are defined here, they will be copied into the final build as many
-  But if some rules are defined here, they will be copied into the final build as many
+// times as there are components…
-  times as there are components…
-
-*/
 
 
 // Custom variables must be imported first.
 @import 'functions';
 @import 'variables';
 @import 'mixins';
-
-
-// ┌─╮╭─╮╭─╮╶┬╴╭─╴╶┬╴┌─╮╭─┐┌─╮
-// │╶┤│ ││ │ │ ╰─╮ │ ├┬╯├─┤├─╯
-// └─╯╰─╯╰─╯ ╵ ╶─╯ ╵ ╵ ╰╵ ╵╵
-
-@import '~bootstrap/scss/functions';
-@import '~bootstrap/scss/variables';
-@import '~bootstrap/scss/mixins';
-
-
-// ┌─╮╭─╮╭─╮╶┬╴╭─╴╶┬╴┌─╮╭─┐┌─╮   ╷ ╷╷ ╷┌─╴
-// │╶┤│ ││ │ │ ╰─╮ │ ├┬╯├─┤├─╯╶─╴│╭╯│ │├─╴
-// └─╯╰─╯╰─╯ ╵ ╶─╯ ╵ ╵ ╰╵ ╵╵     ╰╯ ╰─╯╰─╴
-
-@import '~bootstrap-vue/src/variables';
-
-
-// mixins and functions overides must be imported after bootstrap's definitions.
-// @import 'bootstrap-overrides/mixins';

src/assets/scss/abstracts/_functions.scss

@@ -0,0 +1 @@
+@import '~bootstrap/scss/functions';

src/assets/scss/abstracts/_mixins.scss

@@ -0,0 +1 @@
+@import '~bootstrap/scss/mixins';

src/assets/scss/abstracts/_variables.scss

@@ -31,3 +31,7 @@ $text-card-header-height: 4rem;
 
 
 $font-family-sans-serif: 'Noto Sans';
+
+
+@import '~bootstrap/scss/variables';
+@import '~bootstrap-vue/src/variables';

src/assets/scss/app.scss

@@ -1,6 +1,4 @@
-@import 'abstracts/functions';
+@import 'abstracts/abstracts';
-@import 'abstracts/variables';
-@import 'abstracts/mixins';
 
 @import 'vendors/bootstrap';
 

src/assets/scss/vendors/_bootstrap.scss

@@ -1,6 +1,4 @@
-/*!
+// Import of all needed bootstrap files except variables, functions and mixins
- * Import of all needed bootstrap files except variables, functions and mixins
- */
 
 
 // ┌─╮╭─╮╭─╮╶┬╴╭─╴╶┬╴┌─╮╭─┐┌─╮
@@ -9,40 +7,40 @@
 
 // TODO OPTI: import only used
 
-@import "~bootstrap/scss/root";
+@import '~bootstrap/scss/root';
-@import "~bootstrap/scss/reboot";
+@import '~bootstrap/scss/reboot';
-@import "~bootstrap/scss/type";
+@import '~bootstrap/scss/type';
-@import "~bootstrap/scss/images";
+@import '~bootstrap/scss/images';
-@import "~bootstrap/scss/code";
+@import '~bootstrap/scss/code';
-@import "~bootstrap/scss/grid";
+@import '~bootstrap/scss/grid';
-@import "~bootstrap/scss/tables";
+@import '~bootstrap/scss/tables';
-@import "~bootstrap/scss/forms";
+@import '~bootstrap/scss/forms';
-@import "~bootstrap/scss/buttons";
+@import '~bootstrap/scss/buttons';
-@import "~bootstrap/scss/transitions";
+@import '~bootstrap/scss/transitions';
-@import "~bootstrap/scss/dropdown";
+@import '~bootstrap/scss/dropdown';
-@import "~bootstrap/scss/button-group";
+@import '~bootstrap/scss/button-group';
-@import "~bootstrap/scss/input-group";
+@import '~bootstrap/scss/input-group';
-@import "~bootstrap/scss/custom-forms";
+@import '~bootstrap/scss/custom-forms';
-@import "~bootstrap/scss/nav";
+@import '~bootstrap/scss/nav';
-@import "~bootstrap/scss/navbar";
+@import '~bootstrap/scss/navbar';
-@import "~bootstrap/scss/card";
+@import '~bootstrap/scss/card';
-@import "~bootstrap/scss/breadcrumb";
+@import '~bootstrap/scss/breadcrumb';
-@import "~bootstrap/scss/pagination";
+@import '~bootstrap/scss/pagination';
-@import "~bootstrap/scss/badge";
+@import '~bootstrap/scss/badge';
-@import "~bootstrap/scss/jumbotron";
+@import '~bootstrap/scss/jumbotron';
-@import "~bootstrap/scss/alert";
+@import '~bootstrap/scss/alert';
-@import "~bootstrap/scss/progress";
+@import '~bootstrap/scss/progress';
-@import "~bootstrap/scss/media";
+@import '~bootstrap/scss/media';
-@import "~bootstrap/scss/list-group";
+@import '~bootstrap/scss/list-group';
-@import "~bootstrap/scss/close";
+@import '~bootstrap/scss/close';
-@import "~bootstrap/scss/toasts";
+@import '~bootstrap/scss/toasts';
-@import "~bootstrap/scss/modal";
+@import '~bootstrap/scss/modal';
-@import "~bootstrap/scss/tooltip";
+@import '~bootstrap/scss/tooltip';
-@import "~bootstrap/scss/popover";
+@import '~bootstrap/scss/popover';
-@import "~bootstrap/scss/carousel";
+@import '~bootstrap/scss/carousel';
-@import "~bootstrap/scss/spinners";
+@import '~bootstrap/scss/spinners';
-@import "~bootstrap/scss/utilities";
+@import '~bootstrap/scss/utilities';
-@import "~bootstrap/scss/print";
+@import '~bootstrap/scss/print';
 
 
 // ┌─╮╭─╮╭─╮╶┬╴╭─╴╶┬╴┌─╮╭─┐┌─╮   ╷ ╷╷ ╷┌─╴
@@ -51,10 +49,11 @@
 
 // TODO OPTI: import only used
 
-@import "~bootstrap-vue/src/utilities";
+@import '~bootstrap-vue/src/utilities';
 
 // General styling needed for special form controls
-@import "~bootstrap-vue/src/custom-controls";
+@import '~bootstrap-vue/src/custom-controls';
 
 // Include custom SCSS for components
-@import "~bootstrap-vue/src/components/index";
+@import '~bootstrap-vue/src/components/index';
+@import '~bootstrap-vue/src/icons/index';