/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 vote384 views1 answer
GET /style.css HTTP/1.1" 404
CSS
0 vote353 views1 answer
Css good font color
CSS
1 vote314 views2 answers
Hover border bottom css fixed
CSS
0 vote347 views2 answers
Disabled checkbox css
CSS
2 votes363 views2 answers
Read properties from css file
CSS
10 votes319 views4 answers
Bootstrap badges Links
CSS
57 votes368 views3 answers
How to round the corners of a div outline in css
CSS
5 votes314 views3 answers
How to get rid of button outline when clicked
CSS
0 vote342 views1 answer
Html css how to arrange images of different sizes
CSS
35 votes329 views4 answers
Open command palette vscode mac
CSS

Share