/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

1 vote252 views1 answer
Wave css
CSS
21 votes279 views5 answers
CSS italic
CSS
5 votes253 views1 answer
Force to load https
CSS
0 vote259 views1 answer
How to make custom grid
CSS
15 votes269 views4 answers
Docker postgres
CSS
1 vote252 views1 answer
What port does wss use
CSS
0 vote313 views1 answer
Auto enable background graphics print settings
CSS
3 votes270 views2 answers
Button material ui
CSS
2 votes241 views1 answer
Css click effect
CSS
1 vote234 views1 answer
Padding clamp
CSS

Share