/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

4 votes154 views2 answers
Composer switch to version 1
CSS
22 votes123 views6 answers
Font-family css
CSS
0 vote196 views1 answer
Images css in react native fir in container
CSS
71 votes142 views6 answers
Media queries w3schools
CSS
0 vote128 views1 answer
Hide scroll bar and show when hover with small size
CSS
24 votes133 views2 answers
Text-overflow: ellipsis; 2 line
CSS
4 votes179 views2 answers
Border dot css
CSS
0 vote134 views1 answer
Overflow-wrap: anywhere
CSS
2 votes125 views1 answer
How to apply css to firefox only
CSS
0 vote135 views1 answer
Css clip
CSS

Share