/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

1 vote253 views1 answer
Css table grid
CSS
0 vote240 views1 answer
Npm ERR! 404 Not Found - GET https://registry.npmjs.org/taiwindcss - Not found
CSS
1 vote304 views1 answer
Can we use multiple keyframes in css
CSS
0 vote275 views1 answer
Live sass compiler settings
CSS
0 vote251 views1 answer
Scss font color
CSS
0 vote262 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
4 votes213 views4 answers
What is the "style", when creating an internal CSS?
CSS
0 vote289 views1 answer
Date icon color change
CSS
0 vote238 views1 answer
Flexbox stretch
CSS
1 vote226 views1 answer
Bootstrap 4 material icon vertical align
CSS

Share