Skip to content

Instantly share code, notes, and snippets.

@Timoti
Created May 3, 2017 05:26
Show Gist options
  • Save Timoti/1e2da0cd3d2339f3bd8c19133a13001d to your computer and use it in GitHub Desktop.
Save Timoti/1e2da0cd3d2339f3bd8c19133a13001d to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----
// loop child properties
$ordinals: 17;
.item {@for $i from 1 through $ordinals {
&:nth-child(#{$i}) {
animation-delay: #{$i * .1}s;
}
}
}
.item:nth-child(1) {
animation-delay: 0.1s;
}
.item:nth-child(2) {
animation-delay: 0.2s;
}
.item:nth-child(3) {
animation-delay: 0.3s;
}
.item:nth-child(4) {
animation-delay: 0.4s;
}
.item:nth-child(5) {
animation-delay: 0.5s;
}
.item:nth-child(6) {
animation-delay: 0.6s;
}
.item:nth-child(7) {
animation-delay: 0.7s;
}
.item:nth-child(8) {
animation-delay: 0.8s;
}
.item:nth-child(9) {
animation-delay: 0.9s;
}
.item:nth-child(10) {
animation-delay: 1s;
}
.item:nth-child(11) {
animation-delay: 1.1s;
}
.item:nth-child(12) {
animation-delay: 1.2s;
}
.item:nth-child(13) {
animation-delay: 1.3s;
}
.item:nth-child(14) {
animation-delay: 1.4s;
}
.item:nth-child(15) {
animation-delay: 1.5s;
}
.item:nth-child(16) {
animation-delay: 1.6s;
}
.item:nth-child(17) {
animation-delay: 1.7s;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment