Bachelorarbeit/sass-env/animations.scss

$primary-color-dark:   #1976D2;
$primary-color:        #2196F3;
$primary-color-light:  #BBDEFB;
$primary-color-text:   #FFFFFF;
$accent-color:         #2196F3;
$primary-text-color:   #212121;
$secondary-text-color: #757575;
$divider-color:        #BDBDBD;

@keyframes loading{
	
	0% {
		transform: translateX(-150%) scale(1);
	}
	
	25% {
		transform: translateX(0%) scale(0.5);
	}
	
	50% {
		transform: translateX(150%) scale(1);
	}
	
	75% {
		transform: translateX(0%) scale(0.5);
	}
	
	100% {
		transform: translateX(-150%) scale(1);
	}
}

@keyframes spinner{
	0%{
		transform: rotate(0);
	}
	
	100%{
		transform: rotate(360deg);
	}

}

@keyframes fadecheck{
	0% { 
	 opacity: 0; 
	}
	

	50% { 
	   opacity: 1; 
	}
	
	100% { 
	 opacity: 0; 
	}
}


@keyframes longer-lightning{
	50%{
		background-color:$primary-color;
		color:$primary-color-text;
	}


	100%{
		background-color:white;
		color:black;
	}

}