Separating additional styles from bootstrap specific stuff.

webpack/scss/mittelab-colors.scss → webpack/scss/mlab-bootstrap.scss

 $mittelab-green: #0ce3ac;
 $mittelab-blue: #375a7f;
-
 $mittelab-logo: #7fc0c2;
-
-
 $mittelab-primary: #fff;
 $mittelab-secondary: #222;
 $mittelab-tertiary: #0ce3ac;
@@ -13,4 +10,32 @@ $mittelab-header-primary: #fff;
 $mittelab-highlight: #428bca;
 $mittelab-danger: #b00b1e;
 $mittelab-success: #44ff00;
-$mittelab-love: #fa6c8d;
\ No newline at end of file
+$mittelab-love: #fa6c8d;
+
+$body-bg: #222;
+$body-color: #fff;
+$link-color: $mittelab-logo;
+
+$theme-colors: (
+  "dark": $body-bg,
+  "mitte": $mittelab-blue,
+  "light": $mittelab-logo,
+);
+
+$container-max-widths: (
+  sm: 540px,
+  md: 720px,
+  lg: 960px,
+  xl: 1140px,
+  xxl: 1600px
+);
+
+$font-family-sans-serif: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$font-family-monospace:  "Ubuntu Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+
+@import "~bootstrap/scss/bootstrap";
+
+.img-thumbnail {
+  // Fix for dark bg by default
+  background-color: $white;
+}

webpack/scss/mlab.scss

-@import "mittelab-colors";
-
-$body-bg: #222;
-$body-color: #fff;
-$link-color: $mittelab-logo;
-
-$theme-colors: (
-  "dark": $body-bg,
-  "mitte": $mittelab-blue,
-  "light": $mittelab-logo,
-);
-
-
-$grid-breakpoints: (
-  xs: 0,
-  sm: 576px,
-  md: 768px,
-  lg: 992px,
-  xl: 1200px,
-  xxl: 1800px
-);
-
-// Grid containers
-//
-// Define the maximum width of `.container` for different screen sizes.
-
-$container-max-widths: (
-  sm: 540px,
-  md: 720px,
-  lg: 960px,
-  xl: 1140px,
-  xxl: 1600px
-);
-
-$font-family-sans-serif: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
-$font-family-monospace:  "Ubuntu Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
-
-@import "~bootstrap/scss/bootstrap";
+@import "mlab-bootstrap";
 
 html, body {
   height: 100%;
@@ -122,11 +85,6 @@ html, body {
   }
 }
 
-.img-thumbnail {
-  // Fix for dark bg by default
-  background-color: $white;
-}
-
 @include media-breakpoint-up(lg) {
   .nav-home {
     min-width: 20rem;