Use correct value order (#32121)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>

diff --git a/scss/_close.scss b/scss/_close.scss
index 7d06b04cb02969992549a46cab86c86247ca0bf0..db5d02787e00ca3f64b9fa79b3dea28a7744366e 100644 (file)
--- a/scss/_close.scss
+++ b/scss/_close.scss
@@ -9,7 +9,7 @@
   height: $btn-close-height;
   padding: $btn-close-padding-y $btn-close-padding-x;
   color: $btn-close-color;
-  background: transparent escape-svg($btn-close-bg) no-repeat center center / $btn-close-width auto; // include transparent for button elements
+  background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
   border: 0; // for button elements
   @include border-radius();
   opacity: $btn-close-opacity;

diff --git a/scss/_progress.scss b/scss/_progress.scss
index a3fbecf2b57ed2474d1fa8a98fac9aa1aae32b7d..b48ffc4b8b853f10e513c7c2263f0ce99ce94fec 100644 (file)
--- a/scss/_progress.scss
+++ b/scss/_progress.scss
@@ -34,7 +34,7 @@
 
 @if $enable-transitions {
   .progress-bar-animated {
-    animation: progress-bar-stripes $progress-bar-animation-timing;
+    animation: $progress-bar-animation-timing progress-bar-stripes;
 
     @if $enable-reduced-motion {
       @media (prefers-reduced-motion: reduce) {

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 2d70e533a45541dd502d7d729e9cd761e9e92bdf..f64297bb3c7314f26489d8edf172f4d631fb96f9 100644 (file)
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -414,8 +414,8 @@ button {
 // Credit https://github.com/suitcss/base/
 
 button:focus {
-  outline: 1px dotted;
-  outline: 5px auto -webkit-focus-ring-color;
+  outline: dotted 1px;
+  outline: -webkit-focus-ring-color auto 5px;
 }
 
 // 1. Remove the margin in Firefox and Safari

diff --git a/scss/_spinners.scss b/scss/_spinners.scss
index 99335544e5f29878ea2fc317b15245ffd2e32aa9..e932aacd9a46a291bf7bced0c920c8326f821172 100644 (file)
--- a/scss/_spinners.scss
+++ b/scss/_spinners.scss
@@ -15,7 +15,7 @@
   border-right-color: transparent;
   // stylelint-disable-next-line property-disallowed-list
   border-radius: 50%;
-  animation: spinner-border $spinner-animation-speed linear infinite;
+  animation: $spinner-animation-speed linear infinite spinner-border;
 }
 
 .spinner-border-sm {
@@ -47,7 +47,7 @@
   // stylelint-disable-next-line property-disallowed-list
   border-radius: 50%;
   opacity: 0;
-  animation: spinner-grow $spinner-animation-speed linear infinite;
+  animation: $spinner-animation-speed linear infinite spinner-grow;
 }
 
 .spinner-grow-sm {