/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

7 votes362 views2 answers
Font for css code google link
CSS
24 votes346 views3 answers
Css remove outline
CSS
1 vote368 views1 answer
Font condensed
CSS
17 votes398 views1 answer
Yarn problem
CSS
0 vote360 views1 answer
&:disabled not working sass
CSS
6 votes363 views2 answers
How to make a division center css
CSS
2 votes354 views2 answers
Display flex align last item to left
CSS
0 vote364 views1 answer
Display elements in column css
CSS
0 vote368 views1 answer
Css video poster object-fit
CSS
6 votes350 views6 answers
TAilwind css
CSS

Share