/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

19 votes350 views2 answers
Border color css
CSS
29 votes373 views5 answers
Kill all ports
CSS
3 votes347 views3 answers
Svg animation css
CSS
0 vote323 views1 answer
Change option tag css
CSS
18 votes332 views2 answers
How to make a game engine
CSS
0 vote330 views2 answers
Css disabled cursor not allowed
CSS
1 vote341 views2 answers
How to make hr class bootstrap full width
CSS
-1 vote365 views2 answers
Css make text one line
CSS
0 vote348 views1 answer
How to background in modal css html and closee th modal with background
CSS
6 votes330 views3 answers
Equivalent zoom css
CSS

Share