/CSS/Loops scss

Loops scss

Loop scss

@for $i from 1 through 6 {
    .grid-#{$i} {
        width: 100px*$i;
    }
}

11

Source: ice-dev.com

Loops scss

@for $i from 1 through 3 {
  ul:nth-child(3n + #{$i}) {
    background-color: lighten($base-color, $i * 5%);
  }
}

2

Sass loops

$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

34 votes272 views4 answers
Hide element using css
CSS
0 vote248 views1 answer
React bootstrap carousel not working
CSS
8 votes239 views1 answer
Reset submit btn style
CSS
2 votes199 views1 answer
Alignitems
CSS
127 votes282 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote237 views1 answer
Black filter css
CSS
3 votes227 views2 answers
Css crop image to circle
CSS
1 vote223 views1 answer
Bootstrap Changing the separator
CSS
0 vote217 views1 answer
Tailwindcss init full
CSS
2 votes231 views1 answer
How to distribute vertically the items in css
CSS

Share