Scss loop

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

Loop scss

@for $i from 1 through 3 {
  ul:nth-child(3n + #{$i}) {
   color: blue;
  }
}

1

Scss loop

@each $theme-name, $theme-color in $colors-theme-bo {
  .theme-#{$theme-name} {
    color: $theme-color;
  }
}

0

Similar codes

1 vote138 views1 answer
@media only screen and (min-width : 1279px) and (max-width : 1400px)
CSS
33 votes146 views6 answers
Linear gradient css
CSS
6 votes220 views2 answers
Transition prefixes css
CSS
0 vote144 views2 answers
Mask image css
CSS
0 vote110 views1 answer
Transform translate-x ie11
CSS
1 vote111 views1 answer
Div styles
CSS
0 vote159 views2 answers
Difference bw box and border box
CSS
0 vote153 views1 answer
Smooth button effect css
CSS
5 votes144 views2 answers
Scss hover
CSS
0 vote189 views1 answer
Matplotlib doesn't plot [<matplotlib.lines.Line2D at 0x7f3543b113a0>]
CSS

Share