/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

0 vote347 views1 answer
Css button no style
CSS
0 vote352 views1 answer
Colored button link
CSS
0 vote343 views1 answer
Before width not working
CSS
0 vote363 views1 answer
Spaziatura caratteri css
CSS
3 votes336 views1 answer
Mettre une image au milieu css
CSS
8 votes336 views4 answers
Css left
CSS
1 vote344 views1 answer
Css animate border bottom left to right
CSS
1 vote326 views1 answer
Style rule that expands the element to cover any floating content within the element
CSS
0 vote317 views1 answer
Remove underline in a a
CSS
0 vote366 views2 answers
Move header down css
CSS

Share