/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

5 votes272 views3 answers
How to get rid of button outline when clicked
CSS
5 votes295 views1 answer
Transform multiple css
CSS
8 votes279 views4 answers
Css left
CSS
-2 votes285 views4 answers
Js simulate click on div
CSS
1 vote282 views1 answer
How do center using margin
CSS
49 votes302 views4 answers
Scrollbar
CSS
0 vote395 views1 answer
Css center table on page
CSS
0 vote346 views3 answers
Bulma capitalized
CSS Bulma
0 vote282 views1 answer
How to use css print page break with float
CSS
5 votes307 views2 answers
Make background overlay css
CSS

Share