Add Joomla 4.3 support

Author: RickR2H

media/scss/template-rtl.scss

@@ -1,79 +1,2 @@
 @import "template";
-@import "../../cassiopeia/scss/vendor/bootstrap/bootstrap-rtl";
-
-body,
-.dropdown-item {
-  text-align: right;
-}
-
-.float-right {
-  float: left !important;
-}
-
-.float-left {
-  float: right !important;
-}
-
-.form-check {
-  padding-right: 1.25rem;
-  padding-left: 0;
-}
-
-.form-check-input {
-  margin-right: -1.25rem;
-}
-
-.list-unstyled {
-  padding-right: 0;
-}
-
-.nav {
-  padding-right: 0;
-}
-
-.container-header {
-  background-image: $cassiopeia-header-grad-rtl;
-
-  .container-nav .container-search:only-child {
-    margin-right: auto;
-    margin-left: 0;
-  }
-
-  .mod-menu {
-    > li {
-      margin-left: 1.55em;
-    }
-  }
-}
-
-// SearchTools rounded corners
-.awesomplete {
-  input {
-    @include border-start-radius(0);
-  }
-}
-
-.input-group > .form-control:not(:last-child),
-.input-group > .form-select:not(:last-child) {
-  @include border-start-radius(0);
-  @include border-end-radius($border-radius);
-}
-
-.btn-group > .btn:first-child:not(.dropdown-toggle) {
-  @include border-end-radius($border-radius);
-}
-
-.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
-.btn-group > .btn-group:not(:last-child) > .btn {
-  @include border-start-radius(0);
-  margin-left: -1px;
-}
-
-.btn-group > .btn:last-child:not(.dropdown-toggle) {
-  @include border-start-radius($border-radius);
-}
-
-.btn-group > .btn:not(:first-child),
-.btn-group > .btn-group:not(:first-child) {
-  @include border-end-radius(0);
-}
+@import "../../cassiopeia/scss/template";

media/scss/template.scss

@@ -6,15 +6,74 @@ $standard-color-hover:                lighten($standard-color-primary, 5%);
 
 // Override default bootstrap colors
 //-----------------------------------------------------------------------
+$white:                               hsl(0, 0%, 100%);
+$gray-100:                            hsl(210, 17%, 98%);
+$gray-200:                            hsl(210, 16%, 93%);
+$gray-300:                            hsl(210, 14%, 89%);
+$gray-400:                            hsl(210, 14%, 83%);
+$gray-500:                            hsl(210, 11%, 71%);
+$gray-600:                            hsl(210, 7%, 46%);
+$gray-700:                            hsl(210, 9%, 31%);
+$gray-800:                            hsl(210, 10%, 23%);
+$gray-900:                            hsl(210, 11%, 15%);
+$black:                               hsl(0, 0%, 0%);
+
+$grays: (
+  100:                                $gray-100,
+  200:                                $gray-200,
+  300:                                $gray-300,
+  400:                                $gray-400,
+  500:                                $gray-500,
+  600:                                $gray-600,
+  700:                                $gray-700,
+  800:                                $gray-800,
+  900:                                $gray-900
+);
+
+$blue:                                hsl(240, 98%, 17%);
+$indigo:                              hsl(263, 90%, 51%);
+$purple:                              hsl(261, 51%, 51%);
+$pink:                                hsl(332, 79%, 58%);
+$red:                                 hsl(3, 75%, 37%);
+$orange:                              hsl(27, 98%, 54%);
+$yellow:                              hsl(34, 100%, 34%);
+$green:                               hsl(120, 32%, 39%);
+$teal:                                hsl(194, 66%, 61%);
+$cyan:                                hsl(207, 49%, 37%);
+
+$colors: (
+  "blue":                             $blue,
+  "indigo":                           $indigo,
+  "purple":                           $purple,
+  "pink":                             $pink,
+  "red":                              $red,
+  "orange":                           $orange,
+  "yellow":                           $yellow,
+  "green":                            $green,
+  "teal":                             $teal,
+  "cyan":                             $cyan,
+  "white":                            $white
+);
+
 $primary:                             $standard-color-primary;
-$primaryBS:                           $standard-color-primary;
-$secondary:                           grey;
-$success:                             green;
-$info:                                cyan;
-$warning:                             orange;
-$danger:                              red;
-$light:                               silver;
-$dark:                                darkslategray;
+$secondary:                           hsl(210, 7%, 46%);
+$success:                             hsl(34, 100%, 34%);
+$info:                                hsl(207, 49%, 37%);
+$warning:                             hsl(27, 98%, 54%);
+$danger:                              hsl(3, 75%, 37%);
+$light:                               hsl(210, 17%, 98%);
+$dark:                                hsl(0, 0%, 12%);
+
+$theme-colors: (
+  primary:                            $standard-color-primary,
+  secondary:                          $secondary,
+  success:                            $success,
+  info:                               $info,
+  warning:                            $warning,
+  danger:                             $danger,
+  light:                              $light,
+  dark:                               $dark
+);
 
 // Set Bootstrap options
 //-----------------------------------------------------------------------