/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

1 vote100 views2 answers
Rainbow text with css
CSS
1 vote102 views3 answers
Background image in css is not working
CSS
0 vote109 views1 answer
Line in css div
CSS
0 vote125 views1 answer
Z pos css
CSS
9 votes100 views2 answers
Line in middle word css
CSS
0 vote138 views1 answer
Background with three line color css
CSS
2 votes104 views1 answer
@media prefers-color-scheme
CSS
2 votes102 views3 answers
Placeholder color default
CSS
1 vote117 views1 answer
Nth of type for every 4th after the 1st
CSS
0 vote109 views1 answer
Overflow-wrap: anywhere
CSS

Share