Loops scss Code Example - Coding

loop scss

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

loops scss

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

sass loops

$base-color: #036;

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

Related
red color rgb Code Example
remove cursor pointer css Code Example
remove background when autofill input css Code Example
rgba red color Code Example
how to change cursor in css on hover Code Example