Tiggles ツ of Speak Creative

p {
  animation: ptime 2s ease;
	animation-fill-mode: forwards;
}

@for $i from 1 through 9 {
	p:nth-child(#{$i}) {
		animation-delay: $i * (1s /2);
	}
}

@keyframes ptime {
  0% {
			left: -50px;
			opacity: 0;
		}
		100% {
			left: 0;
			opacity: 1;
		}
}



////////////////////
// renders out to : 
///////////////////


// p:nth-child(1) {
//   animation-delay: .5s;
// }
// p:nth-child(2) {
//   animation-delay: 1s;
// }
// p:nth-child(3) {
//   animation-delay: 1.5s;
// }
// p:nth-child(4) {
//   animation-delay: 2s;
// }