spinners: use the animation shorthand property.

diff --git a/scss/_spinners.scss b/scss/_spinners.scss
index 4235662b3f4efa1645d4a5aa45b901162a11f764..edf70d9fbe2ed4685c76e53bbbd588240eeaceb7 100644 (file)
--- a/scss/_spinners.scss
+++ b/scss/_spinners.scss
@@ -17,10 +17,7 @@
   border: $spinner-border-width solid;
   border-color: currentColor transparent currentColor currentColor;
   border-radius: 50%;
-  animation-name: spinner-border;
-  animation-duration: .75s;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
+  animation: spinner-border .75s linear infinite;
 }
 
 .spinner-border-sm {
@@ -57,10 +54,7 @@
   vertical-align: text-bottom;
   background-color: currentColor;
   border-radius: 50%;
-  animation-name: spinner-grow;
-  animation-duration: .75s;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
+  animation: spinner-grow .75s linear infinite;
 }
 
 .spinner-grow-sm {