/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

12 votes297 views3 answers
Line through in css
CSS
0 vote275 views1 answer
Asp net css how to change text alignment of gridview column
CSS
0 vote258 views1 answer
#f2f2f2 in rgba
CSS
0 vote294 views1 answer
Make image scale based on screen size
CSS
4 votes269 views1 answer
Grid repeating auto columns
CSS
0 vote278 views1 answer
Alpine extract data to script tag
CSS
0 vote278 views1 answer
Css display offscreen
CSS
0 vote259 views1 answer
Material css sidebar
CSS
0 vote232 views1 answer
Responsive slider with text animation codepen
CSS
3 votes275 views2 answers
Css element with id and class
CSS

Share