Merge pull request #2 from CapSens/add_bootstrap_code

Add bootstrap code

README.md

@@ -22,10 +22,6 @@ $ bundle install
 
 ## Pre-requisites
 - This gem requires the activeadmin gem.  
-- This gem requires bootstrap: 
-```
-$ yarn add [email protected]
-```
 
 ## Set-up
 - In `app/assets/javascripts/active_admin`, add the line: 

app/assets/stylesheets/light_admin/_base.scss → app/assets/stylesheets/light_admin/base.scss

@@ -4,13 +4,10 @@
 @import 'variables/borders';
 @import 'variables/shadows';
 
-// Required Bootstrap
-@import 'bootstrap/scss/functions';
-@import 'bootstrap/scss/variables';
-@import 'bootstrap/scss/mixins';
-
-@import 'bootstrap/scss/images';
-@import 'bootstrap/scss/utilities';
+// Utilities
+@import '../utilities/flex';
+@import '../utilities/spacing';
+@import '../utilities/sizing';
 
 // Components
 @import 'components/toggle_filters';

app/assets/stylesheets/utilities/_flex.scss

@@ -0,0 +1,18 @@
+.d-flex {
+  display: -ms-flexbox !important;
+  display: flex !important;
+}
+
+.justify-content-between {
+  -ms-flex-pack: justify !important;
+  justify-content: space-between !important;
+}
+
+.align-items-center {
+  -ms-flex-align: center !important;
+  align-items: center !important;
+}
+
+.text-center {
+  text-align: center !important;
+}

app/assets/stylesheets/utilities/_sizing.scss

@@ -0,0 +1,3 @@
+.w-100 {
+  width: 100% !important;
+}

app/assets/stylesheets/utilities/_spacing.scss

@@ -0,0 +1,22 @@
+.px-4 {
+  padding-right: 1.5rem !important;
+  padding-left: 1.5rem !important;
+}
+
+.py-2 {
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+}
+
+.mx-4 {
+  margin-right: 1.5rem !important;
+  margin-left: 1.5rem !important;
+}
+
+.ml-auto {
+  margin-left: auto !important;
+}
+
+.mt-4 {
+  margin-top: 1.5rem !important;
+}