/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

0 vote202 views1 answer
Css display table row gap
CSS
0 vote200 views1 answer
Make element no styles
CSS
8 votes219 views3 answers
Bootstrap file upload
CSS Bootstrap
1 vote193 views1 answer
Css font size important
CSS
35 votes190 views4 answers
Open command palette vscode mac
CSS
3 votes181 views1 answer
Illuminate\Database\QueryException could not find driver
CSS
0 vote198 views1 answer
Scss global class
CSS
1 vote181 views2 answers
Css animated background
CSS
85 votes181 views5 answers
Justify content css
CSS
0 vote194 views2 answers
Use font awesome as content in css
CSS

Share