| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 | 
							- //
 
- // Rotating border
 
- //
 
- @keyframes spinner-border {
 
-   to { transform: rotate(360deg); }
 
- }
 
- .spinner-border {
 
-   display: inline-block;
 
-   width: $spinner-width;
 
-   height: $spinner-height;
 
-   vertical-align: text-bottom;
 
-   border: $spinner-border-width solid currentColor;
 
-   border-right-color: transparent;
 
-   // stylelint-disable-next-line property-blacklist
 
-   border-radius: 50%;
 
-   animation: spinner-border .75s linear infinite;
 
- }
 
- .spinner-border-sm {
 
-   width: $spinner-width-sm;
 
-   height: $spinner-height-sm;
 
-   border-width: $spinner-border-width-sm;
 
- }
 
- //
 
- // Growing circle
 
- //
 
- @keyframes spinner-grow {
 
-   0% {
 
-     transform: scale(0);
 
-   }
 
-   50% {
 
-     opacity: 1;
 
-   }
 
- }
 
- .spinner-grow {
 
-   display: inline-block;
 
-   width: $spinner-width;
 
-   height: $spinner-height;
 
-   vertical-align: text-bottom;
 
-   background-color: currentColor;
 
-   // stylelint-disable-next-line property-blacklist
 
-   border-radius: 50%;
 
-   opacity: 0;
 
-   animation: spinner-grow .75s linear infinite;
 
- }
 
- .spinner-grow-sm {
 
-   width: $spinner-width-sm;
 
-   height: $spinner-height-sm;
 
- }
 
 
  |