/CSS/For in sass

For in sass

Loops scss

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

2

For in sass

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

2

Source: sass-lang.com

Similar codes

17 votes368 views1 answer
Sass calc with variable
CSS
0 vote358 views1 answer
White block on the left css
CSS
2 votes359 views1 answer
Centering the image
CSS
0 vote389 views2 answers
Css hexagon with text inside
CSS
0 vote381 views10 answers
Stack Overflow
CSS
2 votes359 views1 answer
Fix nav bar to left css
CSS
22 votes407 views5 answers
Center grid
CSS
0 vote371 views1 answer
Set margin to none inside print
CSS
26 votes356 views5 answers
Css text align left
CSS
0 vote373 views1 answer
Flex item: 1;
CSS

Share