/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 votes116 views4 answers
Css box
CSS
-2 votes121 views1 answer
Css opacity transition
CSS
1 vote114 views1 answer
Make bg blurred css
CSS
1 vote111 views1 answer
Mysqli load result into array
CSS
3 votes118 views3 answers
Uigradients
CSS
7 votes120 views2 answers
Change button shape css
CSS
0 vote132 views1 answer
Text below filter css using pseudo
CSS
0 vote127 views1 answer
Repeating-conic-gradient css
CSS
9 votes122 views2 answers
Flex float
CSS
0 vote118 views1 answer
Css last 3 childs
CSS

Share