/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

9 votes180 views1 answer
Image background html css tricks
CSS
0 vote183 views1 answer
Color transition time css
CSS
34 votes170 views4 answers
Css hide element
CSS
0 vote181 views1 answer
Npm ERR! 404 Not Found - GET https://registry.npmjs.org/taiwindcss - Not found
CSS
0 vote181 views1 answer
Éviter que l'on découvre l'identifiant d'un auteur
CSS
0 vote168 views2 answers
Nth-child(2n+1)
CSS
1 vote192 views1 answer
How to make horizontal rule dotted
CSS
-1 vote192 views1 answer
Css media query between two width
CSS
2 votes174 views1 answer
Css div overlay div
CSS
0 vote197 views1 answer
Css absolute from center and not corner
CSS

Share