/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

23 votes165 views3 answers
How to change placeholder color
CSS
0 vote159 views1 answer
Api not working in github pages
CSS
0 vote154 views1 answer
Bootstrap-navbar-container-fluid
CSS
10 votes138 views2 answers
Css list elements horizontally
CSS
1 vote170 views2 answers
Customize highlight color website
CSS
0 vote162 views1 answer
Input css text on right
CSS
9 votes153 views4 answers
Css animation infinite loop
CSS
82 votes145 views6 answers
Text-shadow css
CSS
0 vote158 views1 answer
Alternate color on two consecutive rows
CSS
4 votes147 views4 answers
Ngclass multiple conditions
CSS

Share