/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

6 votes103 views2 answers
Blink css
CSS
2 votes96 views1 answer
Not hover css
CSS
0 vote114 views1 answer
Target button of fileinput css
CSS
0 vote106 views1 answer
Trim background image css
CSS
16 votes130 views1 answer
Css text vertical direction
CSS
1 vote120 views1 answer
Materialize button
CSS
13 votes107 views4 answers
Cursor pointer events none
CSS
0 vote60 views1 answer
Transform translate-x ie11
CSS
0 vote104 views1 answer
Changer couleur liens cliqués css
CSS
0 vote105 views1 answer
Remove a styles css class with javafx
CSS

Share