Loop 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

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 vote336 views2 answers
Css syntax examples
CSS
0 vote182 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS
3 votes156 views2 answers
Div align right in css
CSS
13 votes170 views5 answers
How to add text stroke in css
CSS
2 votes169 views2 answers
Html font white text with black border
CSS
0 vote185 views1 answer
Add shadowto container
CSS
3 votes162 views2 answers
Centralizar div no meio da tela
CSS
1 vote150 views1 answer
Input date icon width
CSS
-1 vote174 views3 answers
Clip path css
CSS
0 vote159 views1 answer
Css ninja
CSS

Share