/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 vote139 views2 answers
How to specify css for smaller screen
CSS
4 votes131 views1 answer
Grid repeating auto columns
CSS
-1 vote156 views1 answer
Alumina formula
CSS
2 votes172 views1 answer
Table overflow not working
CSS
2 votes149 views2 answers
Css text shadow -m
CSS
0 vote142 views2 answers
How to change svg image color on hover using css
CSS
5 votes153 views5 answers
Css disable zoom on mobile
CSS
0 vote149 views1 answer
How to make div width auto adjust
CSS
0 vote259 views2 answers
Materialize css for react
CSS Materialize
29 votes178 views3 answers
Green hex code
CSS

Share