/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 vote253 views1 answer
Css orientations
CSS
99 votes297 views3 answers
Position property css
CSS
3 votes275 views1 answer
How to change the page background in css
CSS
1 vote271 views1 answer
Css custom bullet list
CSS
12 votes261 views2 answers
How to center element in bulma
CSS
1 vote265 views2 answers
Inter
CSS
0 vote379 views1 answer
How to set initial state after first time in formik
CSS
0 vote256 views1 answer
Position absolute above everything
CSS
0 vote313 views1 answer
Bootstrap modal resize with jquery
CSS
0 vote277 views1 answer
3D button using CSS
CSS

Share