/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

22 votes344 views4 answers
Css center in grid
CSS
0 vote359 views1 answer
How make button which is fixed even after i scroll
CSS
3 votes345 views2 answers
No border css
CSS
1 vote330 views1 answer
Svg tailwind
CSS
48 votes319 views3 answers
Custom scrollbar
CSS
1 vote308 views3 answers
Console error
CSS
3 votes302 views2 answers
Remove table border css
CSS
7 votes379 views2 answers
Float center tailwind
CSS
1 vote338 views1 answer
CSS technique for a horizontal line with icons in the middle
CSS
0 vote353 views1 answer
Insert a new key value in an object of an array
CSS

Share