Select bootstrap features and set fonts

Importing only some features drastically reduces the size of 
bootstrap.min.css

Author: TheElectronWill

doc-tool/bootstrap-theme/theme.scss

@@ -3,14 +3,39 @@
 @import "node_modules/bootstrap/scss/variables";
 @import "node_modules/bootstrap/scss/mixins";
 
+// Web fonts
+@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300|Source+Code+Pro:400,600|Source+Sans+Pro:400,600&display=swap');
+
 // Custom values that override the default variables of Bootstrap
 $colors: (
   "red": #ca445e,
   "orange": #f26527
 );
 $theme-colors: (
-  "primary": #002b36,
-  "contrast": #ca445e, // contrasts with primary (used on dark backgrounds)
-  "secondary": #ca445e, // used on light backgrounds
+  "primary": #002b36, // primary toolbar+sidebar dark color
+  "secondary": #ca445e, // secondary color used on light backgrounds
+  "accent": #ca445e, // secondary-like for dark backgrounds
+  "contrast": #f26527, // used on dark backgrounds
 );
-@import "node_modules/bootstrap/scss/bootstrap";
+
+$code-color: theme-color("secondary");
+$font-family-monospace: "Source Code Pro", monospace;
+$font-family-sans-serif: "Source Sans Pro", sans-serif;
+$font-family-serif: "Roboto Slab", serif;
+$font-family-base: $font-family-serif;
+$headings-font-family: $font-family-sans-serif;
+
+// Features imports - follow the order of bootstrap.scss (bootstrap's module)
+@import "node_modules/bootstrap/scss/root";
+@import "node_modules/bootstrap/scss/reboot";
+@import "node_modules/bootstrap/scss/type";
+@import "node_modules/bootstrap/scss/images";
+@import "node_modules/bootstrap/scss/code";
+@import "node_modules/bootstrap/scss/grid";
+@import "node_modules/bootstrap/scss/tables";
+@import "node_modules/bootstrap/scss/buttons";
+@import "node_modules/bootstrap/scss/navbar";
+@import "node_modules/bootstrap/scss/breadcrumb";
+@import "node_modules/bootstrap/scss/badge";
+@import "node_modules/bootstrap/scss/spinners";
+@import "node_modules/bootstrap/scss/utilities";

doc-tool/resources/css/bootstrap.min.css

@@ -1,24 +1,11 @@
-@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700);
-@import url(https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600);
-@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);
-
 html, body {
-    overflow-x: hidden;
-    font-family: "Roboto Slab", serif;
-    font-weight: 300;
-}
-
-html {
-    height: 100%;
-}
-
-body {
-    min-height: 100%;
+  font-weight: 300;
+  height: 100%;
 }
 
 div#content-wrapper {
-    min-height: 100vh;
-    padding-left: 0;
+  min-height: 100vh;
+  padding-left: 0;
 }
 
 div#content-wrapper div#content-body {