🎨 tidy up SCSS imports

src/app/app.component.scss

@@ -1,14 +1,3 @@
-@import "bootstrap/scss/functions";
-@import "bootstrap/scss/variables";
-@import "bootstrap/scss/maps";
-@import "bootstrap/scss/mixins";
-@import "bootstrap/scss/utilities";
-@import "bootstrap/scss/navbar";
-@import "bootstrap/scss/nav";
-@import "bootstrap/scss/card";
-@import "bootstrap/scss/containers";
-@import "bootstrap/scss/helpers";
-
 .hs-map {
   width: 90%;
   height: 100%;

src/app/discs-chart/year-graph/year-graph.component.scss

@@ -1,11 +1,3 @@
-@import "bootstrap/scss/functions";
-@import "bootstrap/scss/variables";
-@import "bootstrap/scss/maps";
-@import "bootstrap/scss/mixins";
-// @import "bootstrap/scss/utilities";
-// @import "bootstrap/scss/forms";
-// @import "bootstrap/scss/card";
-
 .year-range {
   text-align: center;
 }

src/app/dots-chart/all-in-one-graph/all-in-one-graph.component.scss

@@ -1,8 +1,3 @@
-@import "bootstrap/scss/functions";
-@import "bootstrap/scss/variables";
-@import "bootstrap/scss/mixins";
-@import "bootstrap/scss/card";
-
 #plot-place {
   width: 100%;
   height: 300px;

src/app/dots-chart/region-graph/region-graph.component.scss

@@ -1,8 +1,3 @@
-@import "bootstrap/scss/functions";
-@import "bootstrap/scss/variables";
-@import "bootstrap/scss/mixins";
-@import "bootstrap/scss/card";
-
 .plot-place {
   width: 100%;
   height: 200px;

src/styles.scss

@@ -1,11 +1,7 @@
 /* You can add global styles to this file, and also import other style files */
 @import "bootstrap/scss/functions";
 @import "bootstrap/scss/variables";
-@import "bootstrap/scss/maps";
-@import "bootstrap/scss/mixins";
-@import "bootstrap/scss/utilities";
-@import "bootstrap/scss/close";
-@import "bootstrap/scss/images";
+
 
 
 $primary: #2B3948;
@@ -24,9 +20,28 @@ $theme-colors: (
   "danger": $danger
 );
 
+@import "bootstrap/scss/maps";
+@import "bootstrap/scss/mixins";
+@import "bootstrap/scss/utilities";
+
 
-@import "~bootstrap/scss/bootstrap";
+@import "bootstrap/scss/root";
+@import "bootstrap/scss/reboot";
+@import "bootstrap/scss/type";
+@import "bootstrap/scss/images";
+@import "bootstrap/scss/containers";
+@import "bootstrap/scss/grid";
+@import "bootstrap/scss/forms";
+@import "bootstrap/scss/buttons";
+@import "bootstrap/scss/transitions";
+@import "bootstrap/scss/dropdown";
+@import "bootstrap/scss/nav";
+@import "bootstrap/scss/navbar";
+@import "bootstrap/scss/card";
+@import "bootstrap/scss/close";
 
+@import "bootstrap/scss/helpers";
+@import "bootstrap/scss/utilities/api";
 
 html,
 body {
@@ -164,4 +179,4 @@ div.has-fixed-header li {
     color: $primary
   }
   */
-}
+}