mazer-rails 0.1.1 → 0.1.2

data/assets/stylesheets/themes/dark/_mazer-dark.scss

@@ -0,0 +1,82 @@
+.toast .btn-close {
+    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
+}
+
+// Sweetalert2 Dark
+.swal2-popup, .swal2-validation-message {
+    background-color: $swal-popup-bg !important;
+    color: $swal-popup-color !important;
+}
+.swal2-title {
+    color: $swal-popup-color !important;
+}
+.swal2-styled.swal2-confirm {
+    background-color: $swal-confirm-button-bg !important;
+}
+.swal2-styled.swal2-confirm:hover {
+    background-color: $swal-confirm-button-bg-hover !important;
+}
+
+// Apexcharts
+.apexcharts-text tspan {
+    fill: $body-color !important;
+}
+.apexcharts-legend-text {
+    color: $body-color !important;
+}
+
+// Toggle theme
+.theme-toggle {
+    color: #9899ac;
+}
+
+// Pricing Card
+.pricing{
+    .card{
+        border: none;
+        box-shadow: none;
+    }
+}
+
+// Note
+.note-editing-area .note-editable  {
+    background-color: white;
+}
+// DataTable
+.dataTable-input {
+    background-color: $input-bg;
+    border-color: $input-border-color;
+    transition: all .2s ease-in-out;
+    
+    &:focus {
+        background-color: $input-focus-bg;
+        border-color: $input-focus-border-color;
+        color: $input-focus-color;
+    }
+    
+}
+
+// override selector
+// see original on mixins\_forms.scss
+@mixin form-validation-state-selector($state) {
+    @if ($state == "valid" or $state == "invalid") {
+        .was-validated :#{$state},
+        .is-#{$state} {
+            @content;
+        }
+    } @else {
+        .is-#{$state} {
+            @content;
+        }
+    }
+}
+
+// to fix feedback message on input group
+@each $state in map-keys($form-validation-states) {
+    @include form-validation-state-selector($state) {
+        ~ .#{$state}-feedback,
+        ~ .#{$state}-tooltip {
+            display: block;
+        }
+    }
+}

data/assets/stylesheets/themes/dark/_root.scss

@@ -0,0 +1,55 @@
+html[data-bs-theme="dark"] {
+    // Note: Custom variable values only support SassScript inside `#{}`.
+  
+    // Colors
+    //
+    // Generate palettes for full colors, grays, and theme colors.
+  
+    @each $color, $value in $colors {
+      --#{$variable-prefix}#{$color}: #{$value};
+    }
+  
+    @each $color, $value in $grays {
+      --#{$variable-prefix}gray-#{$color}: #{$value};
+    }
+  
+    @each $color, $value in $theme-colors {
+      --#{$variable-prefix}#{$color}: #{$value};
+    }
+  
+    @each $color, $value in $theme-colors-rgb {
+      --#{$variable-prefix}#{$color}-rgb: #{$value};
+    }
+  
+    --#{$variable-prefix}white-rgb: #{to-rgb($white)};
+    --#{$variable-prefix}black-rgb: #{to-rgb($black)};
+    --#{$variable-prefix}body-color-rgb: #{to-rgb($body-color)};
+    --#{$variable-prefix}body-bg-rgb: #{to-rgb($body-bg)};
+  
+    // Fonts
+  
+    // Note: Use `inspect` for lists so that quoted items keep the quotes.
+    // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
+    --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)};
+    --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)};
+    --#{$variable-prefix}gradient: #{$gradient};
+  
+    // Root and body
+    // stylelint-disable custom-property-empty-line-before
+    // scss-docs-start root-body-variables
+    @if $font-size-root != null {
+      --#{$variable-prefix}root-font-size: #{$font-size-root};
+    }
+    --#{$variable-prefix}body-font-family: #{$font-family-base};
+    --#{$variable-prefix}body-font-size: #{$font-size-base};
+    --#{$variable-prefix}body-font-weight: #{$font-weight-base};
+    --#{$variable-prefix}body-line-height: #{$line-height-base};
+    --#{$variable-prefix}body-color: #{$body-color};
+    @if $body-text-align != null {
+      --#{$variable-prefix}body-text-align: #{$body-text-align};
+    }
+    --#{$variable-prefix}body-bg: #{$body-bg};
+    // scss-docs-end root-body-variables
+    // stylelint-enable custom-property-empty-line-before
+  }
+  

data/assets/stylesheets/themes/dark/_variables-dark.scss

@@ -0,0 +1,329 @@
+@use 'sass:color';
+
+$dark-mode: true;
+
+$theme-colors-light: (
+  'primary': tint-color($primary, 25%),
+  'secondary': tint-color($secondary, 25%),
+  'success': tint-color($success, 25%),
+  'danger': tint-color($danger, 35%),
+  'warning': tint-color($warning, 25%),
+  'info': tint-color($info, 25%),
+);
+
+$alert-colors: (
+    primary: (
+        text-color: #fff,
+        background-color: #435ebe
+    ),
+    secondary: (
+        text-color: #383d41,
+        background-color: #ebeef3
+    ),
+    success: (
+        text-color: #fff,
+        background-color: #198754
+    ),
+    warning: (
+        text-color: #3f3a26,
+        background-color: #eaca4a,
+    ),
+    danger: (
+        text-color: #fff,
+        background-color: #f3616d,
+    ),
+    dark: (
+        text-color: #fff,
+        background-color: #454546,
+    ),
+    light: (
+        text-color: $body-color,
+        background-color: #f9f9f9,
+    ),
+    info: (
+        text-color: #fff,
+        background-color: #56b6f7,
+    ),
+);
+
+$primary-text-dark:                 $blue-300 !default;
+$secondary-text-dark:               $gray-300 !default;
+$success-text-dark:                 $green-300 !default;
+$info-text-dark:                    $cyan-300 !default;
+$warning-text-dark:                 $yellow-300 !default;
+$danger-text-dark:                  $red-300 !default;
+$light-text-dark:                   $gray-100 !default;
+$dark-text-dark:                    $gray-300 !default;
+
+$primary-bg-subtle-dark:            $blue-900 !default;
+$secondary-bg-subtle-dark:          $gray-900 !default;
+$success-bg-subtle-dark:            $green-900 !default;
+$info-bg-subtle-dark:               $cyan-900 !default;
+$warning-bg-subtle-dark:            $yellow-900 !default;
+$danger-bg-subtle-dark:             $red-900 !default;
+$light-bg-subtle-dark:              $gray-800 !default;
+$dark-bg-subtle-dark:               mix($gray-800, $black) !default;
+
+$primary-border-subtle-dark:        $blue-700 !default;
+$secondary-border-subtle-dark:      $gray-700 !default;
+$success-border-subtle-dark:        $green-700 !default;
+$info-border-subtle-dark:           $cyan-800 !default;
+$warning-border-subtle-dark:        $yellow-800 !default;
+$danger-border-subtle-dark:         $red-700 !default;
+$light-border-subtle-dark:          $gray-700 !default;
+$dark-border-subtle-dark:           $gray-800 !default;
+
+$body-color-dark:                   $gray-500 !default;
+$body-bg-dark:                      $gray-900 !default;
+$body-emphasis-color-dark:          $gray-100 !default;
+$body-secondary-color-dark:         rgba($body-color-dark, .75) !default;
+$body-secondary-bg-dark:            $gray-800 !default;
+$body-tertiary-color-dark:          rgba($body-color-dark, .5) !default;
+$body-tertiary-bg-dark:             mix($gray-800, $gray-900, 50%) !default;
+$emphasis-color-dark:               $white !default;
+$border-color-dark:                 $gray-700 !default;
+$border-color-translucent-dark:     rgba($white, .15) !default;
+$headings-color-dark:               #fff !default;
+$link-color-dark:                   $blue-300 !default;
+$link-hover-color-dark:             $blue-200 !default;
+$code-color-dark:                   $pink-300 !default;
+
+
+//
+// Forms
+//
+
+$form-select-indicator-color-dark:  $body-color-dark !default;
+$form-select-indicator-dark:        url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color-dark}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>") !default;
+
+$form-switch-color-dark:            rgba($white, .25) !default;
+$form-switch-bg-image-dark:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color-dark}'/></svg>") !default;
+
+
+//
+// Accordion
+//
+
+$accordion-button-icon-dark:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$primary-text-dark}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
+$accordion-button-active-icon-dark:  url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$primary-text-dark}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
+// scss-docs-end sass-dark-mode-vars
+
+
+$sidebar-bg:                #1e1e2d;
+$sidebar-link-color:        #9899ac;
+$sidebar-link-hover-bg:         #282839;
+$sidebar-link-hover-color:      #fff;
+$sidebar-submenu-color:         $sidebar-link-color;
+$sidebar-submenu-hover-color:   $white;
+
+$card-box-shadow:                   -8px 12px 18px 0 rgba(25,42,70,.13);
+
+// Body
+$body-bg:                   #151521;
+$body-color:                #c2c2d9;
+
+// Pages
+$page-auth-bg:          #151521;
+$page-auth-right-bg:    linear-gradient(90deg, #151521, #151521) !default;
+$page-error-bg:         $body-bg;
+
+
+$link-color:                              $primary;
+$link-shade-percentage:                   -20%;
+$link-hover-color:                        shift-color($link-color, $link-shade-percentage);
+
+$component-active-color:      #9899ac;
+$component-active-bg:         $primary;
+
+$headings-color:              #fff;
+$text-muted:                  #7c8db5;
+$mark-bg:                     #fcf8e3;
+
+$table-color:                 $body-color;
+$table-border-color:          rgb(63, 63, 63);
+$table-striped-bg:            rgba(170, 168, 168, 0.05);
+$table-striped-color:            #c2c2d9;
+$table-active-bg:             rgba($black, $table-active-bg-factor);
+$table-hover-color:           $white;
+$table-hover-bg:              rgba($white, $table-hover-bg-factor);
+$table-group-separator-color: #707070;
+$table-variants: (
+  "primary":    shift-color($primary, $table-bg-scale),
+  "secondary":  shift-color($secondary, $table-bg-scale),
+  "success":    shift-color($success, $table-bg-scale),
+  "info":       shift-color($info, $table-bg-scale),
+  "warning":    shift-color($warning, $table-bg-scale),
+  "danger":     shift-color($danger, $table-bg-scale),
+  "light":      $light,
+  "dark":       $dark,
+);
+
+$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125);
+$btn-link-color:              $link-color;
+$btn-link-hover-color:        $link-hover-color;
+$btn-link-disabled-color:     $gray-600;
+
+$divider-bg:    $gray-800;
+$divider-text-bg: $body-bg;
+
+$input-bg:                              #1b1b29;
+$input-btn-focus-color                  : $primary;
+$input-disabled-bg:                     #40404d;
+$input-disabled-border-color:           null !default;
+$input-placeholder-color:               $gray-500;
+$input-plaintext-color:                 $body-color;
+$input-color:                           $body-color;
+$input-border-color:                    #35354f;
+
+$input-focus-bg:                        $input-bg ;
+$input-focus-border-color:              #4b4b68;
+$input-focus-color:                     $input-color;
+
+$input-group-addon-color:               #526e8a ;
+$input-group-addon-bg:                  lighten($input-bg, 5%);
+$input-group-addon-border-color:        $input-border-color;
+
+$form-check-input-bg:               #20202d;
+$form-check-input-border:           3px solid #393b42;
+$form-label-color:                  $body-color;
+$form-switch-color:                 $component-active-color;
+$form-switch-bg-image:              url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>") ;
+$form-select-color:                 $input-color;
+$form-select-border-color:          $input-border-color;
+$form-select-disabled-bg:           $input-disabled-bg;
+$form-select-bg:                    $input-bg;
+$form-select-disabled-bg:           $input-disabled-bg;
+$form-range-track-bg:               $gray-300;
+$form-range-thumb-disabled-bg:             $gray-500;
+$form-textarea-title-bg:             lighten($input-bg,10%);
+
+$nav-link-disabled-color:           $gray-600;
+$nav-tabs-border-color:             $gray-300;
+$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color;
+$nav-tabs-link-active-bg:           rgba(44, 44, 58, 0.85);
+$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg;
+
+
+$dropdown-color:                    #92929F;
+$dropdown-bg:                       #2d2d40;
+$dropdown-border-color:             rgba($black, .15);
+$dropdown-divider-bg:               rgb(189, 199, 209);
+$dropdown-box-shadow:               1px 4px 15px #f4f5f9;
+$dropdown-link-color:               $dropdown-color;
+$dropdown-link-hover-color:         shade-color($dropdown-link-color, 10%);
+$dropdown-link-hover-bg:            tint-color($dropdown-bg, 7%);
+$dropdown-link-disabled-color:      $gray-600;
+$dropdown-header-color:             $gray-600;
+$dropdown-dark-color:               $gray-300;
+$dropdown-dark-bg:                  $gray-800;
+$dropdown-dark-link-hover-color:    $white;
+$dropdown-dark-link-hover-bg:       rgba($white, .15);
+$dropdown-dark-link-disabled-color: $gray-500;
+$dropdown-dark-header-color:        $gray-500;
+
+$pagination-color:                  #92929F;
+$pagination-border-color:           transparent;
+$pagination-bg:                     $body-bg;
+$pagination-border-color:           $body-bg;
+$pagination-focus-bg:               #212E48;
+$pagination-hover-color:            $white;
+$pagination-hover-bg:               tint-color($body-bg, 5%);
+$pagination-hover-border-color:     $body-bg;
+$pagination-focus-box-shadow:       none;
+$pagination-disabled-color:         $gray-600;
+$pagination-disabled-bg:            $black;
+$pagination-disabled-border-color:  $black;
+$pagination-active-color:           $component-active-color !default;
+$pagination-active-bg:              #3699FF !default;
+$pagination-active-border-color:    #3699FF !default;
+
+$card-border-color:                 rgba($black, .125);
+$card-bg:                           #1e1e2d;
+$card-cap-bg:                       #1e1e2d;
+
+$accordion-color:                         $body-color;
+$accordion-bg:                            transparent;
+$accordion-border-color:                  rgba($black, .125);
+$accordion-button-icon:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
+$accordion-button-active-icon:  url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
+
+$tooltip-bg:                        $black;
+
+$popover-bg:                        $white;
+$popover-border-color:              rgba($black, .2);
+
+$badge-color:                       $white;
+$border-color:                      $gray-600;
+
+$modal-content-bg:                  $card-bg;
+$modal-content-border-color:        rgba($black, .2);
+$modal-backdrop-bg:                 $black;
+$modal-header-border-color:         $border-color;
+$modal-footer-border-color:         $modal-header-border-color;
+
+$progress-bar-color:                $white;
+$progress-bar-bg:                   $primary;
+
+
+$list-group-color:                  #afb0be !default;
+$list-group-action-hover-color:     $list-group-color;
+$list-group-bg:                     #151521;
+$list-group-hover-bg:               #101113;
+$list-group-border-color:           rgba($black, .125);
+$list-group-active-color:           $white;
+$list-group-active-bg:              #435ebe;
+$list-group-active-border-color:    $list-group-active-bg;
+$list-group-disabled-color:         $black;
+$list-group-action-color:           $gray-700;
+$list-group-action-active-bg:       lighten($list-group-bg, 10%);
+
+$thumbnail-border-color:            $gray-300;
+$figure-caption-color:              $gray-600;
+
+$breadcrumb-divider-color:          $gray-600;
+$breadcrumb-active-color:           $gray-600;
+
+$carousel-control-color:             $white;
+$carousel-indicator-active-bg:       $white;
+$carousel-caption-color:             $white;
+$carousel-dark-indicator-active-bg:  $black;
+$carousel-dark-caption-color:        $black;
+
+// Toasts
+$toast-color:                       $body-color ;
+$toast-background-color:            rgba(44, 46, 66, .85) ;
+$toast-border-color:                rgba(0, 0, 0, .1);
+$toast-header-color:                $white;
+$toast-header-background-color:     #35354d;
+
+
+
+$btn-close-color:                   $black;
+$code-color:                        $pink;
+$kbd-color:                         $white;
+$kbd-bg:                            $gray-900;
+$pre-color:                         null;
+
+// Layout Horizontal
+$horizontal-header-bg: #171722;
+$horizontal-navbar-bg: #22223c;
+$horizontal-submenu-bg: #191926;
+$horizontal-submenu-link-color: #9899ac;
+$horizontal-submenu-link-hover-bg: #1b1b28;
+$horizontal-submenu-link-hover-color: #187de4;
+$horizontal-submenu-shadow-color: rgba(27, 27, 27, 0.1);
+
+// External library
+// Choicesjs
+$choices-bg:            $form-select-bg;
+$choices-border-color:  $form-select-border-color;
+$choices-input-color:   $white;
+$choices-dropdown-bg:   $form-select-bg;
+$choices-dropdown-color:    $choices-input-color;
+$choices-highlight-bg:      lighten($card-bg, 5%);
+
+// Sweetalert
+$swal-popup-bg:                 $sidebar-bg;
+$swal-popup-color:              $white;
+$swal-confirm-button-bg:        #3699ff;
+$swal-confirm-button-bg-hover:  #187de4;

data/assets/stylesheets/themes/dark/app-dark.scss

@@ -0,0 +1,54 @@
+// Import mazer Variables
+
+@import "./../../variables";
+@import "./variables-dark";
+@import "~bootstrap/scss/functions";
+@import "~bootstrap/scss/mixins";
+@import "./root";
+
+html[data-bs-theme="dark"] {
+    // Bootstrap 
+    @import "~bootstrap/scss/maps";
+    @import "~bootstrap/scss/utilities";
+    @import "~bootstrap/scss/reboot";
+    @import "~bootstrap/scss/type";
+    @import "~bootstrap/scss/images";
+    @import "~bootstrap/scss/containers";
+    @import "~bootstrap/scss/grid";
+    @import "~bootstrap/scss/tables";
+    @import "~bootstrap/scss/forms";
+    @import "~bootstrap/scss/buttons";
+    @import "~bootstrap/scss/transitions";
+    @import "~bootstrap/scss/dropdown";
+    @import "~bootstrap/scss/button-group";
+    @import "~bootstrap/scss/nav";
+    @import "~bootstrap/scss/navbar";
+    @import "~bootstrap/scss/card";
+    @import "~bootstrap/scss/accordion";
+    @import "~bootstrap/scss/breadcrumb";
+    @import "~bootstrap/scss/pagination";
+    @import "~bootstrap/scss/badge";
+    @import "~bootstrap/scss/alert";
+    @import "~bootstrap/scss/progress";
+    @import "~bootstrap/scss/list-group";
+    @import "~bootstrap/scss/close";
+    @import "~bootstrap/scss/toasts";
+    @import "~bootstrap/scss/modal";
+    @import "~bootstrap/scss/tooltip";
+    @import "~bootstrap/scss/popover";
+    @import "~bootstrap/scss/carousel";
+    @import "~bootstrap/scss/spinners";
+    @import "~bootstrap/scss/offcanvas";
+    @import "~bootstrap/scss/placeholders";
+
+    
+    // Import fonts
+    @import "./../../fonts";
+    
+    // Mazer CSS
+    @import "./../../mazer";
+    
+    // Additional dark-mode CSS
+    @import "./mazer-dark";
+    @import "~bootstrap/scss/utilities";
+}

data/assets/stylesheets/widgets/chat.scss

@@ -0,0 +1,26 @@
+@import "./../variables";
+.chat {
+    border-radius: 5px;
+    &.chat-left {
+        .chat-message {
+            background: #5A8DEE !important;
+            float: left !important;
+            color: #fff;
+        }
+    }
+    .chat-message {
+        text-align: left !important;
+        float: right !important;
+        margin: .2rem 0 1.8rem .2rem !important;
+        color: rgb(82, 83, 97);
+        background-color: #FAFBFB !important;
+        box-shadow: 0 2px 6px 0 rgba(0,0,0,.3) !important;
+        padding: .75rem 1rem !important;
+        position: relative !important;
+        max-width: calc(100% - 5rem) !important;
+        clear: both !important;
+        word-break: break-word !important;
+        border-radius: .267rem !important;
+        
+    }
+}

data/assets/stylesheets/widgets/todo.scss

@@ -0,0 +1,33 @@
+
+@import "./../variables";
+
+.widget-todo-list-wrapper {
+    padding: 0;
+    margin: 0;
+}
+#widget-todo-list {
+    padding: 0;
+}
+
+[data-bs-theme="dark"] .widget-todo-item:hover {
+    background-color: $gray-900;
+}
+
+// Moved outside .widget-todo-list-wrapper because dragula
+// renders a shadow element outside of the widget-todo-list-wrapper
+.widget-todo-item {
+    padding: .8rem 2rem .8rem .8rem;
+    list-style: none;
+
+    &:hover {
+        background-color: $gray-100;
+    }
+    .checkbox {
+        margin-left: 1rem;
+    }
+    i, svg {
+        font-size: 12px;
+        cursor: move;
+        height: 1rem
+    }
+}

data/lib/mazer_rails/engine.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+require 'autoprefixer-rails'
+require 'sassc-rails'
+
+module Bootstrap
+  module Rails
+    class Engine < ::Rails::Engine
+      initializer 'mazer.assets' do |app|
+        %w(stylesheets javascripts).each do |sub|
+          app.config.assets.paths << root.join('assets', sub).to_s
+        end
+      end
+    end
+  end
+end

data/lib/mazer_rails/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module MazerRails
+  VERSION = "0.1.2"
+end

data/lib/mazer_rails.rb

@@ -0,0 +1,77 @@
+# frozen_string_literal: true
+
+require_relative "mazer_rails/version"
+
+module MazerRails
+  class Error < StandardError; end
+
+  # https://github.com/twbs/bootstrap-rubygem/blob/main/lib/bootstrap.rb
+  class << self
+    # Inspired by Kaminari
+    def load!
+      if rails?
+        register_rails_engine
+      elsif hanami?
+        register_hanami
+      elsif sprockets?
+        register_sprockets
+      elsif defined?(::Sass) && ::Sass.respond_to?(:load_paths)
+        # The deprecated `sass` gem:
+        ::Sass.load_paths << stylesheets_path
+      end
+
+      if defined?(::Sass::Script::Value::Number)
+        # Set precision to 6 as per:
+        # https://github.com/twbs/bootstrap/blob/da717b03e6e72d7a61c007acb9223b9626ae5ee5/package.json#L28
+        ::Sass::Script::Value::Number.precision = [6, ::Sass::Script::Value::Number.precision].max
+      end
+    end
+
+    # Paths
+    def gem_path
+      @gem_path ||= File.expand_path '..', File.dirname(__FILE__)
+    end
+
+    def stylesheets_path
+      File.join assets_path, 'stylesheets'
+    end
+
+    def javascripts_path
+      File.join assets_path, 'javascripts'
+    end
+
+    def assets_path
+      @assets_path ||= File.join gem_path, 'assets'
+    end
+
+    # Environment detection helpers
+    def sprockets?
+      defined?(::Sprockets)
+    end
+
+    def rails?
+      defined?(::Rails)
+    end
+
+    def hanami?
+      defined?(::Hanami)
+    end
+
+    private
+
+    def register_rails_engine
+      require 'bootstrap/engine'
+    end
+
+    def register_sprockets
+      Sprockets.append_path(stylesheets_path)
+      Sprockets.append_path(javascripts_path)
+    end
+
+    def register_hanami
+      Hanami::Assets.sources << assets_path
+    end
+  end
+end
+
+MazerRails.load!