Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----


.quote-form__item {
	animation-name:fadeIn, slideUp;
	animation-fill-mode:both;
	animation-duration:1s;
}


$form-items: 20;

@for $i from 1 through $form-items {
	.quote-form__item:nth-of-type(n#{$i}) {
		animation-delay: ($i*0.4s);
	}
}

SassMeister-output.css

.quote-form__item {
  animation-name: fadeIn, slideUp;
  animation-fill-mode: both;
  animation-duration: 1s;
}

.quote-form__item:nth-of-type(n1) {
  animation-delay: 0.4s;
}

.quote-form__item:nth-of-type(n2) {
  animation-delay: 0.8s;
}

.quote-form__item:nth-of-type(n3) {
  animation-delay: 1.2s;
}

.quote-form__item:nth-of-type(n4) {
  animation-delay: 1.6s;
}

.quote-form__item:nth-of-type(n5) {
  animation-delay: 2s;
}

.quote-form__item:nth-of-type(n6) {
  animation-delay: 2.4s;
}

.quote-form__item:nth-of-type(n7) {
  animation-delay: 2.8s;
}

.quote-form__item:nth-of-type(n8) {
  animation-delay: 3.2s;
}

.quote-form__item:nth-of-type(n9) {
  animation-delay: 3.6s;
}

.quote-form__item:nth-of-type(n10) {
  animation-delay: 4s;
}

.quote-form__item:nth-of-type(n11) {
  animation-delay: 4.4s;
}

.quote-form__item:nth-of-type(n12) {
  animation-delay: 4.8s;
}

.quote-form__item:nth-of-type(n13) {
  animation-delay: 5.2s;
}

.quote-form__item:nth-of-type(n14) {
  animation-delay: 5.6s;
}

.quote-form__item:nth-of-type(n15) {
  animation-delay: 6s;
}

.quote-form__item:nth-of-type(n16) {
  animation-delay: 6.4s;
}

.quote-form__item:nth-of-type(n17) {
  animation-delay: 6.8s;
}

.quote-form__item:nth-of-type(n18) {
  animation-delay: 7.2s;
}

.quote-form__item:nth-of-type(n19) {
  animation-delay: 7.6s;
}

.quote-form__item:nth-of-type(n20) {
  animation-delay: 8s;
}