/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 votes135 views3 answers
Npm 'cross-env' is not recognized as an internal or external command
CSS
2 votes109 views1 answer
Width 100% with padding
CSS
21 votes928 views3 answers
How to create a circle with css
CSS
0 vote146 views1 answer
Very responsive grid layout
CSS
6 votes105 views4 answers
Disable click css
CSS
1 vote140 views1 answer
Bootstrap col no gaps
CSS Bootstrap
0 vote113 views1 answer
Flexbox froggy
CSS
13 votes111 views3 answers
How to change cursor in css on hover
CSS
18 votes114 views4 answers
Background color none
CSS
34 votes108 views2 answers
Box position in center css
CSS

Share