/* ==========================================================================
   Spinner layout styles
   ========================================================================== */

#qodef-page-spinner {
	
	&.qodef-layout--stripes {
		
		.qodef-m-stripes {
			width: 50px;
			height: 60px;
			margin: -30px 0 0 -25px;
			text-align: center;
		}
		
		.qodef-m-stripe {
			display: inline-block;
			float: left;
			height: 100%;
			width: 6px;
			margin: 0 3px 0 0;
			background-color: currentColor;
			animation: qode-stretch-delay 1.2s infinite ease-in-out;
			
			@for $i from 2 through 5 {
				&.qodef-stripe--#{$i} {
					animation-delay: calc((#{$i* 100ms}) - 1300ms);
				}
			}
		}
	}
}
