sass loops

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@for $i from 1 through 3 {
2  ul:nth-child(3n + #{$i}) {
3   color: blue;
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

1@each $theme-name, $theme-color in $colors-theme-bo {
2  .theme-#{$theme-name} {
3    color: $theme-color;
4  }
5}