/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

10 votes169 views3 answers
Underline css animation
CSS
3 votes141 views1 answer
Css display block ease in
CSS
0 vote159 views1 answer
Animation clip path
CSS
3 votes167 views1 answer
Css first td
CSS
1 vote207 views1 answer
Bootstrap card hover effect
CSS Bootstrap
1 vote180 views3 answers
Remove table border html
CSS
0 vote263 views1 answer
Top down gradient css on body
CSS
1 vote151 views1 answer
Blur edges css
CSS
0 vote139 views2 answers
Css align image bottom
CSS
1 vote141 views1 answer
Css validator
CSS

Share