/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

16 votes199 views4 answers
Arrow right css
CSS
122 votes180 views6 answers
How to center in css
CSS
0 vote185 views1 answer
Textbreak for long text
CSS
0 vote274 views1 answer
Easyui datagrid header multiline
CSS
0 vote212 views1 answer
Html link local css file
CSS
0 vote188 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
0 vote251 views1 answer
Underline css still there after text-decoration: none
CSS
4 votes203 views1 answer
Css border botttom
CSS
76 votes227 views6 answers
Display flex css
CSS
0 vote181 views1 answer
Css make ul on multiple lines
CSS

Share