/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 vote240 views1 answer
Css make ul on multiple lines
CSS
1 vote233 views2 answers
Dropdown on hover
CSS
0 vote262 views1 answer
Css 4 3 ratio
CSS
82 votes228 views6 answers
Text-shadow css
CSS
5 votes250 views3 answers
Npm 'cross-env' is not recognized as an internal or external command
CSS
13 votes235 views4 answers
Scss transition mixin
CSS
0 vote236 views1 answer
Change d in path svg css
CSS
40 votes239 views6 answers
'pip' is not recognized as an internal or external command
CSS
1 vote224 views1 answer
Change height of range slider html
CSS
0 vote235 views2 answers
Why is my body background color in css not working
CSS

Share