/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

4 votes146 views2 answers
How to set text in center in flex item
CSS
1 vote139 views2 answers
1rem to px
CSS
0 vote114 views1 answer
Hwo to reload css in flask
CSS
0 vote130 views1 answer
@fontface otf
CSS
0 vote119 views1 answer
Asp net css how to change text alignment of gridview column
CSS
1 vote132 views1 answer
Chrome button black white border
CSS
6 votes117 views2 answers
Css browser prefixes
CSS
0 vote136 views1 answer
Whitesmoke color gradient
CSS
0 vote120 views1 answer
Tsx css
CSS
0 vote126 views1 answer
Tabla responsive css
CSS

Share