/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 votes169 views7 answers
Css flex
CSS
0 vote175 views1 answer
All heading tags selector scss
CSS
4 votes187 views1 answer
Move button in CSS
CSS
0 vote220 views2 answers
Make all images same size bootstrap
CSS Bootstrap
4 votes167 views2 answers
How to remove onclick input border
CSS
0 vote152 views1 answer
Position absolute center with transform
CSS
1 vote150 views1 answer
Bootstrap 4 material icon vertical align
CSS
0 vote150 views1 answer
How to add style .css in wp
CSS
10 votes190 views4 answers
Bootstrap badges Links
CSS
0 vote205 views1 answer
Flex box divs squeeze together
CSS

Share