/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 vote306 views2 answers
Css clearfix for floats with display table and clear both
CSS
1 vote270 views7 answers
Java to python
CSS
8 votes286 views1 answer
When hover target diffrent element
CSS
0 vote271 views1 answer
Html input type colour internal border
CSS
-1 vote297 views1 answer
Neomorphic box
CSS
10 votes309 views3 answers
Html disable suggestions
CSS
1 vote289 views2 answers
Link active css
CSS
0 vote262 views2 answers
Css make bottom of the div triangle
CSS
2 votes266 views1 answer
Make text unhighlightable
CSS
0 vote259 views1 answer
Css input spaces between
CSS

Share