sneat_rails 0.1.0

data/app/assets/stylesheets/sneat_rails/_bootstrap-extended/_progress.scss

@@ -0,0 +1,31 @@
+// Progress
+// *******************************************************************************
+
+.progress {
+  overflow: initial; //revet the default style for box-shadow
+}
+
+// Progress Shadow Variant
+@each $color, $value in $theme-colors {
+  @if $color != primary {
+    @include template-progress-bar-shadow-variant('.bg-#{$color}', $value);
+  }
+}
+
+@include ltr-only {
+  .progress-bar-striped {
+    @include gradient-striped(rgba($white, 0.07), 45deg);
+  }
+
+  .progress {
+    //  border radius for first and last child
+    .progress-bar:last-child {
+      border-top-right-radius: $progress-border-radius;
+      border-bottom-right-radius: $progress-border-radius;
+    }
+    .progress-bar:first-child {
+      border-top-left-radius: $progress-border-radius;
+      border-bottom-left-radius: $progress-border-radius;
+    }
+  }
+}

data/app/assets/stylesheets/sneat_rails/_bootstrap-extended/_reboot.scss

@@ -0,0 +1,32 @@
+// Reboot
+//
+
+b,
+strong {
+  font-weight: $font-weight-bold;
+}
+
+a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+
+  &:hover {
+    color: inherit;
+    text-decoration: none;
+  }
+}
+
+//! Fix: Autofill input bg and text color issue on different OS and browsers
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+textarea:-webkit-autofill,
+textarea:-webkit-autofill:hover,
+textarea:-webkit-autofill:focus,
+select:-webkit-autofill,
+select:-webkit-autofill:hover,
+select:-webkit-autofill:focus,
+input:-internal-autofill-selected {
+  background-clip: text !important;
+  -webkit-background-clip: text !important;
+}

data/app/assets/stylesheets/sneat_rails/_bootstrap-extended/_root.scss

@@ -0,0 +1,4 @@
+// The color-scheme CSS property https://web.dev/color-scheme/
+:root {
+  color-scheme: #{$color-scheme};
+}

data/app/assets/stylesheets/sneat_rails/_bootstrap-extended/_spinners.scss

@@ -0,0 +1,21 @@
+// Spinners
+//
+
+//Large size
+.spinner-border-lg {
+  width: $spinner-width-lg;
+  height: $spinner-height-lg;
+  border-width: $spinner-border-width-lg;
+}
+
+.spinner-grow-lg {
+  width: $spinner-width-lg;
+  height: $spinner-height-lg;
+  border-width: $spinner-border-width-lg;
+}
+
+@include keyframes('spinner-border-rtl') {
+  to {
+    transform: rotate(-360deg);
+  }
+}

data/app/assets/stylesheets/sneat_rails/_bootstrap-extended/_tables.scss

@@ -0,0 +1,106 @@
+// Tables
+// ********************************************************************************/
+
+@each $color, $value in $table-variants {
+  @if $color != primary {
+    @include template-table-variant($color, $value);
+  }
+}
+
+// Firefox fix for table head border bottom
+.table {
+  > :not(caption) > * > * {
+    background-clip: padding-box;
+  }
+  tr {
+    > td {
+      .dropdown {
+        position: static;
+      }
+    }
+  }
+}
+
+// Style for table inside card
+.card {
+  .table {
+    margin-bottom: 0;
+  }
+}
+@supports (-moz-appearance: none) {
+  .table {
+    .dropdown-menu.show {
+      display: inline-table;
+    }
+  }
+}
+// Table heading style
+.table {
+  th {
+    text-transform: uppercase;
+    font-size: 0.75rem;
+    letter-spacing: 1px;
+  }
+  &:not(.table-dark) th {
+    color: $headings-color;
+  }
+}
+
+.table-border-bottom-0 {
+  tr:last-child {
+    td,
+    th {
+      border-bottom-width: 0;
+    }
+  }
+}
+
+// Dark Table icon button
+.table.table-dark .btn.btn-icon {
+  color: $table-border-color;
+}
+
+// class for to remove table border bottom
+.table-border-bottom-0 {
+  tr:last-child {
+    td,
+    th {
+      border-bottom-width: 0;
+    }
+  }
+}
+
+// .table {
+//   .btn-group {
+//     display: block;
+//   }
+// }
+
+// Flush spacing of left from first column ans right from last column
+.table.table-flush-spacing {
+  thead,
+  tbody {
+    tr > td:first-child {
+      padding-left: 0;
+    }
+    tr > td:last-child {
+      padding-right: 0;
+    }
+  }
+}
+
+// * Table inside card
+// *******************************************************************************
+
+// .card,
+.nav-align-top,
+.nav-align-right,
+.nav-align-bottom,
+.nav-align-left {
+  .table:not(.table-dark),
+  .table:not(.table-dark) thead:not(.table-dark) th,
+  .table:not(.table-dark) tfoot:not(.table-dark) th,
+  .table:not(.table-dark) td {
+    border-color: $border-inner-color;
+  }
+}

data/app/assets/stylesheets/sneat_rails/_bootstrap-extended/_toasts.scss

@@ -0,0 +1,61 @@
+// Toasts
+// *******************************************************************************
+
+// Toast Mixin
+@each $color, $value in $theme-colors {
+  @if $color != primary {
+    @include template-toast-variant('.bg-#{$color}', $value);
+  }
+}
+
+.bs-toast[class^='bg-'],
+.bs-toast[class*=' bg-'] {
+  border: none;
+}
+
+.toast.bs-toast {
+  background-color: rgba($toast-background-color, $toast-bg-factor);
+  z-index: $zindex-toast;
+  .toast-header {
+    padding-bottom: 0.5rem;
+    position: relative;
+    .btn-close {
+      position: absolute;
+      top: -8px;
+      border-radius: $border-radius;
+      padding: 0.45rem;
+      background-size: $toast-btn-close-size;
+      transition: all 0.23s ease 0.1s;
+      background-color: $toast-background-color;
+      box-shadow: $box-shadow-sm;
+      @include ltr-style {
+        right: 2px;
+      }
+
+      // For hover effect of close btn
+      &:hover,
+      &:focus,
+      &:active {
+        opacity: 1;
+        outline: none;
+      }
+    }
+  }
+  .toast-header ~ .toast-body {
+    padding-top: 0;
+  }
+}
+.toast-container {
+  --#{$prefix}toast-zindex: 9;
+}
+
+// Bootstrap Toasts Example
+.toast-ex {
+  position: fixed;
+  top: 4.1rem;
+  right: 2.5rem;
+}
+// Placement Toast example
+.toast-placement-ex {
+  position: fixed;
+}

data/app/assets/stylesheets/sneat_rails/_bootstrap-extended/_tooltip.scss

@@ -0,0 +1,11 @@
+// Tooltips
+// *******************************************************************************
+
+// Open modal tooltip z-index
+.modal-open .tooltip {
+  z-index: $zindex-modal + 2;
+}
+
+.tooltip-inner {
+  box-shadow: $tooltip-box-shadow;
+}

data/app/assets/stylesheets/sneat_rails/_bootstrap-extended/_type.scss

@@ -0,0 +1,2 @@
+// Type
+//

data/app/assets/stylesheets/sneat_rails/_bootstrap-extended/_utilities-ltr.scss

@@ -0,0 +1,283 @@
+// stylelint-disable indentation
+
+// Utilities
+
+// stylelint-disable-next-line scss/dollar-variable-default
+$utilities: map-merge(
+  $utilities,
+  (
+    'align': null,
+    'overflow': null,
+    'display': null,
+    'shadow': null,
+    'position': null,
+    'top': null,
+    'bottom': null,
+    'border': null,
+    'border-top': null,
+    'border-bottom': null,
+    'border-color': null,
+    'border-width': null,
+    'width': null,
+    'max-width': null,
+    'viewport-width': null,
+    'min-viewport-width': null,
+    'height': null,
+    'max-height': null,
+    'viewport-height': null,
+    'min-viewport-height': null,
+    'flex': null,
+    'flex-direction': null,
+    'flex-grow': null,
+    'flex-shrink': null,
+    'flex-wrap': null,
+    'gap': null,
+    'justify-content': null,
+    'align-items': null,
+    'align-content': null,
+    'align-self': null,
+    'order': null,
+    'margin': null,
+    'margin-x': null,
+    'margin-y': null,
+    'margin-top': null,
+    'margin-bottom': null,
+    'negative-margin': null,
+    'negative-margin-x': null,
+    'negative-margin-y': null,
+    'negative-margin-top': null,
+    'negative-margin-bottom': null,
+    'padding': null,
+    'padding-x': null,
+    'padding-y': null,
+    'padding-top': null,
+    'padding-bottom': null,
+    'font-family': null,
+    'font-size': null,
+    'font-style': null,
+    'font-weight': null,
+    'line-height': null,
+    'text-decoration': null,
+    'text-transform': null,
+    'white-space': null,
+    'word-wrap': null,
+    'color': null,
+    'background-color': null,
+    'transparent': null,
+    'gradient': null,
+    'user-select': null,
+    'pointer-events': null,
+    'rounded': null,
+    'rounded-top': null,
+    'rounded-bottom': null,
+    'visibility': null,
+    'opacity': null,
+    'flex-basis': null,
+    'cursor': null,
+    // scss-docs-start utils-float
+    'float':
+      (
+        responsive: true,
+        property: float,
+        values: (
+          start: left,
+          end: right,
+          none: none
+        )
+      ),
+    // scss-docs-end utils-float
+    // scss-docs-start utils-position
+    'end':
+      (
+        property: right,
+        class: end,
+        values: $position-values
+      ),
+    'start': (
+      property: left,
+      class: start,
+      values: $position-values
+    ),
+    'translate-middle': (
+      property: transform,
+      class: translate-middle,
+      values: (
+        null: translate(-50%, -50%),
+        x: translateX(-50%),
+        y: translateY(-50%)
+      )
+    ),
+    // scss-docs-end utils-position
+    // scss-docs-start utils-borders
+    'border-end':
+      (
+        property: border-right,
+        class: border-end,
+        values: (
+          null: $border-width solid $border-color,
+          0: 0
+        )
+      ),
+    'border-start': (
+      property: border-left,
+      class: border-start,
+      values: (
+        null: $border-width solid $border-color,
+        0: 0
+      )
+    ),
+    // scss-docs-end utils-borders
+    // scss-docs-start utils-text
+    'text-align':
+      (
+        responsive: true,
+        property: text-align,
+        class: text,
+        values: (
+          start: left,
+          end: right,
+          center: center
+        )
+      ),
+    // scss-docs-end utils-text
+    // scss-docs-start utils-border-radius
+    'rounded-end':
+      (
+        property: border-top-right-radius border-bottom-right-radius,
+        class: rounded-end,
+        values: (
+          null: $border-radius
+        )
+      ),
+    'rounded-start': (
+      property: border-bottom-left-radius border-top-left-radius,
+      class: rounded-start,
+      values: (
+        null: $border-radius
+      )
+    ),
+    'rounded-start-top': (
+      property: border-top-left-radius,
+      class: rounded-start-top,
+      values: (
+        null: $border-radius
+      )
+    ),
+    'rounded-start-bottom': (
+      property: border-bottom-left-radius,
+      class: rounded-start-bottom,
+      values: (
+        null: $border-radius
+      )
+    ),
+    'rounded-end-top': (
+      property: border-top-right-radius,
+      class: rounded-end-top,
+      values: (
+        null: $border-radius
+      )
+    ),
+    'rounded-end-bottom': (
+      property: border-bottom-right-radius,
+      class: rounded-end-bottom,
+      values: (
+        null: $border-radius
+      )
+    ),
+    // scss-docs-end utils-border-radius
+    // Margin utilities
+    // scss-docs-start utils-spacing
+    'margin-end':
+      (
+        responsive: true,
+        property: margin-right,
+        class: me,
+        values:
+          map-merge(
+            $spacers,
+            (
+              auto: auto
+            )
+          )
+      ),
+    'margin-start': (
+      responsive: true,
+      property: margin-left,
+      class: ms,
+      values:
+        map-merge(
+          $spacers,
+          (
+            auto: auto
+          )
+        )
+    ),
+    // Negative margin utilities
+    'negative-margin-end':
+      (
+        responsive: true,
+        property: margin-right,
+        class: me,
+        values: $negative-spacers
+      ),
+    'negative-margin-start': (
+      responsive: true,
+      property: margin-left,
+      class: ms,
+      values: $negative-spacers
+    ),
+    // Padding utilities
+    'padding-end':
+      (
+        responsive: true,
+        property: padding-right,
+        class: pe,
+        values: $spacers
+      ),
+    'padding-start': (
+      responsive: true,
+      property: padding-left,
+      class: ps,
+      values: $spacers
+    ),
+    // scss-docs-end utils-spacing
+    // Custom Utilities
+    // *******************************************************************************
+    // scss-docs-start utils-rotate
+    'rotate':
+      (
+        property: transform,
+        class: rotate,
+        values: (
+          0: rotate(0deg),
+          90: rotate(90deg),
+          180: rotate(180deg),
+          270: rotate(270deg),
+          n90: rotate(-90deg),
+          n180: rotate(-180deg),
+          n270: rotate(-270deg)
+        )
+      ),
+    // scss-docs-end utils-rotate
+    // scss-docs-start utils-scaleX
+    'scaleX':
+      (
+        property: transform,
+        class: scaleX,
+        values: (
+          n1: scaleX(-1)
+        )
+      ),
+    // scss-docs-end utils-scaleX
+    // scss-docs-start utils-scaleY
+    'scaleY':
+      (
+        property: transform,
+        class: scaleY,
+        values: (
+          n1: scaleY(-1)
+        )
+      )
+      // scss-docs-end utils-scaleY
+  )
+);