@design-factory/design-factory 15.2.0

package/styles/scss/bootstrap/_rtl-styles-override.scss

@@ -0,0 +1,125 @@
+@if $df-enable-rtl {
+  [dir='rtl'] body {
+    text-align: right;
+    // Navbar overrides
+    .nav {
+      padding-right: 0;
+    }
+    .navbar-nav {
+      padding-right: 0;
+    }
+
+    // Accordion overrides
+    .accordion-button {
+      text-align: right;
+      &::after {
+        margin-right: auto;
+        margin-left: 0;
+      }
+    }
+
+    // Alert overrides
+    .alert-dismissible .btn-close {
+      left:0;
+      right: auto;
+    }
+
+    // Checkbox & radio overrides
+    .form-check {
+      padding-right: $form-check-padding-start;
+      padding-left: 0;
+      .form-check-input {
+        float: right;
+        margin-left: 0;
+        margin-right: $form-check-padding-start * -1;
+      }
+
+      &.form-check-inline {
+        margin-right: 0;
+        margin-left: $form-check-inline-margin-end;
+      }
+    }
+
+    .list-group,
+    .list-unstyled,
+    .pagination {
+      padding-right: 0;
+    }
+
+    .dropdown-toggle {
+      &::after {
+        margin-left: 0;
+        margin-right: $caret-spacing;
+      }
+    }
+    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
+    .btn-group > .btn-group:not(:last-child) > .btn {
+      border-radius: 0 $border-radius $border-radius 0;
+    }
+
+    .btn-group > .btn:last-child:not(:first-child),
+    .btn-group > .dropdown-toggle:not(:first-child) {
+      border-radius: $border-radius 0 0 $border-radius;
+    }
+
+    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
+      border-radius: $border-radius 0 0 $border-radius;
+    }
+
+    // stylelint-disable declaration-no-important
+    @each $breakpoint in map-keys($grid-breakpoints) {
+      @include media-breakpoint-up($breakpoint) {
+        $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+        @each $prop, $abbrev in (margin: m, padding: p) {
+          @each $size, $length in $spacers {
+            .#{$abbrev}e#{$infix}-#{$size} {
+              #{$prop}-right: 0 !important;
+              #{$prop}-left: $length !important;
+            }
+            .#{$abbrev}s#{$infix}-#{$size} {
+              #{$prop}-left: 0 !important;
+              #{$prop}-right: $length !important;
+            }
+            #{$abbrev}x#{$infix}-#{$size} {
+              #{$prop}-left: $length !important;
+              #{$prop}-right: $length !important;
+            }
+          }
+        }
+
+        .me#{$infix}-auto {
+          margin-right: 0 !important;
+          margin-left: auto !important;
+        }
+        .ms#{$infix}-auto {
+          margin-right: auto !important;
+          margin-left: 0 !important;
+        }
+        .mx#{$infix}-auto {
+          margin-right: auto !important;
+          margin-left: auto !important;
+        }
+      }
+    }
+
+    @each $breakpoint in map-keys($grid-breakpoints) {
+      @include media-breakpoint-up($breakpoint) {
+        $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+        .text#{$infix}-right {
+          text-align: left !important;
+        }
+        .text#{$infix}-left {
+          text-align: right !important;
+        }
+        .float#{$infix}-left {
+          float: right !important;
+        }
+        .float#{$infix}-right {
+          float: left !important;
+        }
+      }
+    }
+  }
+}

package/styles/scss/bootstrap/_utilities-override.scss

@@ -0,0 +1,19 @@
+@use 'sass:map';
+
+// stylelint-disable-next-line scss/dollar-variable-pattern, scss/dollar-variable-default
+$utilities: map.merge(
+  $utilities,
+  (
+    "swatch": (
+      property: background-color,
+      class: swatch,
+      values: $grays
+    ),
+    "width": map.merge(
+      map.get($utilities, "width"), ( responsive: true )
+    ),
+    "height": map.merge(
+      map.get($utilities, "height"), ( responsive: true )
+    )
+  )
+);