/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

2 votes147 views2 answers
How to center a inline block element
CSS
0 vote167 views1 answer
Css play button on image
CSS
0 vote133 views1 answer
How to slide div from left to right using css
CSS
3 votes124 views1 answer
Css sass install
CSS
8 votes138 views3 answers
Bootstrap file upload
CSS
0 vote150 views1 answer
Center elemnts css
CSS
0 vote133 views1 answer
Background origin CSS
CSS
0 vote140 views5 answers
Sweetalert to small bootstrap
CSS
2 votes135 views2 answers
Display flex align last item to left
CSS
0 vote144 views1 answer
Display flex css compatibility
CSS

Share