diff --git a/scss/_close.scss b/scss/_close.scss index 7d06b04cb029..db5d02787e00 100644 --- 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 a3fbecf2b57e..b48ffc4b8b85 100644 --- 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 2d70e533a455..f64297bb3c73 100644 --- 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 99335544e5f2..e932aacd9a46 100644 --- 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 {