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;