/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 vote299 views1 answer
Text below filter css using pseudo
CSS
5 votes294 views4 answers
What is inset in css
CSS
12 votes280 views3 answers
Css change color
CSS
0 vote282 views3 answers
Constraint in grails
CSS
93 votes296 views6 answers
Css center image in div
CSS
5 votes280 views1 answer
Htaccess for angular
CSS
1 vote287 views1 answer
Css different sreen size
CSS
0 vote328 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
0 vote299 views1 answer
Css chamfered corner
CSS
5 votes249 views1 answer
How to create a background-color before image in css
CSS

Share