mirror of
				https://github.com/JKorf/CryptoExchange.Net
				synced 2025-10-31 02:17:45 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			57 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			57 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
| //
 | |
| // 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;
 | |
|     transform: none;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .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;
 | |
| }
 |