/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 vote316 views1 answer
Css clamp vs media queries
CSS
0 vote331 views1 answer
Css local variable
CSS
0 vote371 views1 answer
Twig language name
CSS
1 vote331 views1 answer
Materialize button
CSS
59 votes359 views6 answers
Css hover
CSS
1 vote331 views1 answer
Css vw scrollbar
CSS
0 vote340 views1 answer
Css border image repeat property
CSS
1 vote327 views2 answers
Css scrollbar in div
CSS
0 vote324 views1 answer
Colored button link scss generator
CSS
9 votes330 views4 answers
Css animation shorthand
CSS

Share