diff --git a/README.md b/README.md index 5ed6a61..82bf675 100644 --- a/README.md +++ b/README.md @@ -22,10 +22,6 @@ $ bundle install ## Pre-requisites - This gem requires the activeadmin gem. -- This gem requires bootstrap: -``` -$ yarn add bootstrap@4.6.0 -``` ## Set-up - In `app/assets/javascripts/active_admin`, add the line: diff --git a/app/assets/stylesheets/light_admin/_base.scss b/app/assets/stylesheets/light_admin/base.scss similarity index 78% rename from app/assets/stylesheets/light_admin/_base.scss rename to app/assets/stylesheets/light_admin/base.scss index 453ca4a..22ca39d 100644 --- a/app/assets/stylesheets/light_admin/_base.scss +++ b/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'; diff --git a/app/assets/stylesheets/utilities/_flex.scss b/app/assets/stylesheets/utilities/_flex.scss new file mode 100644 index 0000000..b65d97b --- /dev/null +++ b/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; +} diff --git a/app/assets/stylesheets/utilities/_sizing.scss b/app/assets/stylesheets/utilities/_sizing.scss new file mode 100644 index 0000000..b95103b --- /dev/null +++ b/app/assets/stylesheets/utilities/_sizing.scss @@ -0,0 +1,3 @@ +.w-100 { + width: 100% !important; +} diff --git a/app/assets/stylesheets/utilities/_spacing.scss b/app/assets/stylesheets/utilities/_spacing.scss new file mode 100644 index 0000000..b311e18 --- /dev/null +++ b/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; +}