/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 vote239 views1 answer
@font-face multiple font weights
CSS
7 votes215 views2 answers
Remove blue border on a input
CSS
0 vote207 views1 answer
Truncate long line with dots
CSS
0 vote215 views1 answer
Htnl css
CSS
2 votes245 views3 answers
Sequelize order by
CSS
0 vote222 views1 answer
How to use * in html
CSS
66 votes242 views6 answers
Remove bullets from list css
CSS
9 votes249 views3 answers
How to affect a deffernt element in css
CSS
5 votes228 views6 answers
Ruby cheat sheet
CSS
0 vote230 views1 answer
Bash access array indirectly
CSS

Share