slim down css

scttcper · Jan 20, 2017 · 5dcbdd8 · 5dcbdd8
1 parent 0a8d6cd
commit 5dcbdd8
Show file tree

Hide file tree

Showing 2 changed files with 51 additions and 4 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1,6 +1,6 @@
 <div class="container">
-  <div class="row">
-    <div class="col-lg-10 offset-lg-1 col-sm-12">
+  <div class="row justify-content-center">
+    <div class="col-lg-10 col-sm-12">
       <div class="card">
         <div class="card-block">
           <div class="row">
@@ -151,7 +151,7 @@
           </div>
 
           <div class="row">
-            <div class="col">
+            <div class="col text-center">
               <button (click)="openToast()" class="btn btn-primary">Open Toast</button>
               <button (click)="clearLastToast()" class="btn btn-secondary">Clear Last Toast</button>
               <button (click)="clearToasts()" class="btn btn-secondary">Clear All Toasts</button>

diff --git a/src/styles.scss b/src/styles.scss
@@ -1,4 +1,51 @@
-@import 'node_modules/bootstrap/scss/bootstrap';
+// @import 'node_modules/bootstrap/scss/bootstrap';
+// Core variables and mixins
+@import "node_modules/bootstrap/scss/custom";
+@import "node_modules/bootstrap/scss/variables";
+@import "node_modules/bootstrap/scss/mixins";
+
+// Reset and dependencies
+@import "node_modules/bootstrap/scss/normalize";
+@import "node_modules/bootstrap/scss/print";
+
+// Core CSS
+@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/forms";
+@import "node_modules/bootstrap/scss/buttons";
+
+// Components
+// @import "node_modules/bootstrap/scss/transitions";
+// @import "node_modules/bootstrap/scss/dropdown";
+// @import "node_modules/bootstrap/scss/button-group";
+// @import "node_modules/bootstrap/scss/input-group";
+// @import "node_modules/bootstrap/scss/custom-forms";
+// @import "node_modules/bootstrap/scss/nav";
+// @import "node_modules/bootstrap/scss/navbar";
+@import "node_modules/bootstrap/scss/card";
+// @import "node_modules/bootstrap/scss/breadcrumb";
+// @import "node_modules/bootstrap/scss/pagination";
+// @import "node_modules/bootstrap/scss/badge";
+// @import "node_modules/bootstrap/scss/jumbotron";
+// @import "node_modules/bootstrap/scss/alert";
+// @import "node_modules/bootstrap/scss/progress";
+// @import "node_modules/bootstrap/scss/media";
+// @import "node_modules/bootstrap/scss/list-group";
+// @import "node_modules/bootstrap/scss/responsive-embed";
+// @import "node_modules/bootstrap/scss/close";
+
+// Components w/ JavaScript
+// @import "node_modules/bootstrap/scss/modal";
+// @import "node_modules/bootstrap/scss/tooltip";
+// @import "node_modules/bootstrap/scss/popover";
+// @import "node_modules/bootstrap/scss/carousel";
+
+// Utility classes
+@import "node_modules/bootstrap/scss/utilities";
 
 @import './lib/toastr';