/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

0 vote127 views1 answer
.txt:hover { text-decoration: underline; }
CSS
8 votes81 views2 answers
Clearfix css
CSS
20 votes134 views2 answers
No select css
CSS
31 votes198 views3 answers
Rgba blue color
CSS
239 votes236 views5 answers
Include bootstrap
CSS
29 votes94 views6 answers
Css animation
CSS
0 vote92 views1 answer
How to call media query inside css class
CSS
4 votes87 views1 answer
Plasma state of matter
CSS
0 vote90 views1 answer
Set another font in css
CSS
0 vote84 views1 answer
Css hollow circle
CSS

Share