loops scss

1@for $i from 1 through 6 {
2    .grid-#{$i} {
3        width: 100px*$i;
4    }
5}

1@for $i from 1 through 3 {
2  ul:nth-child(3n + #{$i}) {
3    background-color: lighten($base-color, $i * 5%);
4  }
5}

1$base-color: #036;
2
3@for $i from 1 through 3 {
4  ul:nth-child(3n + #{$i}) {
5    background-color: lighten($base-color, $i * 5%);
6  }
7}
8
9
10
11
12