/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

1 vote144 views1 answer
Background-color not showing grover pdf
CSS
0 vote144 views1 answer
Css color gradient background full height
CSS
1 vote157 views1 answer
Make blinking cursor disappear css
CSS
0 vote201 views2 answers
Make all images same size bootstrap
CSS Bootstrap
1 vote137 views1 answer
Li only showing first bullet
CSS
0 vote145 views1 answer
Gh: stop using --force !!!
CSS
1 vote144 views1 answer
Css 2 <p> next to each other
CSS
29 votes135 views6 answers
Background size in css
CSS
0 vote152 views1 answer
Cheat codes for hmtl and css
CSS
8 votes137 views1 answer
Html watermark background
CSS

Share