Merge branch 'main' of https://github.com/coreui/coreui

Author: mrholek

docs/content/components/offcanvas.md

@@ -276,3 +276,6 @@ myOffcanvas.addEventListener('hidden.coreui.offcanvas', function () {
 #### Variables
 
 {{< scss-docs name="offcanvas-variables" file="scss/_variables.scss" >}}
+
+### CSS Vars
+{{< css-vars-docs file="scss/offcanvas.scss" >}}

scss/_modal.scss

@@ -102,7 +102,8 @@
 
   .btn-close {
     padding: ($modal-header-padding-y * .5) ($modal-header-padding-x * .5);
-    margin: ($modal-header-padding-y * -.5) ($modal-header-padding-x * -.5) ($modal-header-padding-y * -.5) auto;
+    @include ltr-rtl-value-only("margin", ($modal-header-padding-y * -.5) ($modal-header-padding-x * -.5) ($modal-header-padding-y * -.5) auto, ($modal-header-padding-y * -.5) auto ($modal-header-padding-y * -.5) ($modal-header-padding-x * -.5));
+    // margin: ($modal-header-padding-y * -.5) ($modal-header-padding-x * -.5) ($modal-header-padding-y * -.5) auto;
   }
 }
 

scss/_toasts.scss

@@ -41,8 +41,10 @@
   @include border-top-radius(subtract($toast-border-radius, $toast-border-width));
 
   .btn-close {
-    margin-right: $toast-padding-x * -.5;
-    margin-left: $toast-padding-x;
+    @include ltr-rtl("margin-right", $toast-padding-x * -.5);
+    @include ltr-rtl("margin-left", $toast-padding-x);
+    // margin-right: $toast-padding-x * -.5;
+    // margin-left: $toast-padding-x;
   }
 }
 

scss/mixins/_forms.scss

@@ -5,11 +5,11 @@
 @mixin form-validation-state-selector($state) {
   @if ($state == "valid" or $state == "invalid") {
     .was-validated #{if(&, "&", "")}:#{$state},
-    #{if(&, "&", "")}.is-#{$state} {
+    #{if(&, "&", "")}.is-#{$state}, #{if(&, "&", "")}.ng-#{$state} {
       @content;
     }
   } @else {
-    #{if(&, "&", "")}.is-#{$state} {
+    #{if(&, "&", "")}.is-#{$state}, #{if(&, "&", "")}.ng-#{$state}  {
       @content;
     }
   }