Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

$number-of-boxes: 10;
$menu-box-animation-time:.2s;

@for $i from 1 through $number-of-boxes{
  #{'.menu-initials-container.box'}-#{$i}{
    #{'transition-delay'} : #{($i - 1)*$menu-box-animation-time*.7)};
  }
}

SassMeister-output.css

.menu-initials-container.box-1 {
  transition-delay: 0s;
}

.menu-initials-container.box-2 {
  transition-delay: 0.14s;
}

.menu-initials-container.box-3 {
  transition-delay: 0.28s;
}

.menu-initials-container.box-4 {
  transition-delay: 0.42s;
}

.menu-initials-container.box-5 {
  transition-delay: 0.56s;
}

.menu-initials-container.box-6 {
  transition-delay: 0.7s;
}

.menu-initials-container.box-7 {
  transition-delay: 0.84s;
}

.menu-initials-container.box-8 {
  transition-delay: 0.98s;
}

.menu-initials-container.box-9 {
  transition-delay: 1.12s;
}

.menu-initials-container.box-10 {
  transition-delay: 1.26s;
}