/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

29 votes320 views6 answers
Input focus border
CSS
29 votes278 views2 answers
How to horizontal center a div in css
CSS
3 votes291 views1 answer
Convert angular project from css to scss
CSS
0 vote252 views1 answer
Ohmyzsh shortcut to oepn folder with vscode
CSS
1 vote643 views2 answers
Customize highlight color website
CSS
5 votes234 views1 answer
How to create a background-color before image in css
CSS
1 vote262 views1 answer
How to add background image in a container css
CSS
0 vote288 views1 answer
Faire d'une image un lien vers le haut de page css
CSS
3 votes260 views3 answers
Can you control another div on hover css
CSS
9 votes270 views2 answers
Background css
CSS

Share