/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

2 votes349 views3 answers
Sequelize order by
CSS
0 vote313 views1 answer
Css image hover zoom and rotate
CSS
10 votes333 views5 answers
Css clamp
CSS
1 vote310 views1 answer
Double color background css
CSS
94 votes301 views2 answers
How bold text in css
CSS
2 votes299 views1 answer
Website css not loading
CSS
0 vote320 views1 answer
CodeIgniter + WordPress integration
CSS
0 vote354 views1 answer
Reindent sublime
CSS
0 vote308 views1 answer
Auto-indenting on Sublime Text 3 - "Key Bindings"
CSS
1 vote278 views2 answers
CSS transform properties are used to change the shape and position of the selected objects. The transform-origin property specifies the location of the element's transformation origin. By default, what is the location of the origin?
CSS

Share