/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

70 votes181 views4 answers
Css vertical align center
CSS
1 vote182 views1 answer
Css color of input
CSS
0 vote178 views1 answer
Linear gradient farthest-corner code css
CSS
3 votes168 views3 answers
Responsive text css
CSS
6 votes187 views3 answers
Input checkbox size
CSS
0 vote219 views2 answers
Blockquote quotation marks css
CSS
1 vote168 views2 answers
Css grid two columns
CSS
0 vote178 views1 answer
Añadir hojas css externas a wordpress
CSS
72 votes178 views6 answers
How to center text in a div
CSS
2 votes188 views2 answers
Header center
CSS

Share