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

0 vote210 views1 answer
Css background image remove margin
CSS
0 vote235 views1 answer
Animation clip path
CSS
39 votes226 views2 answers
Css z index
CSS
0 vote218 views1 answer
Veritical align inline-block checkbox element
CSS
0 vote236 views1 answer
Javascript canvas pixel art
CSS
106 votes234 views5 answers
Position css
CSS
0 vote202 views1 answer
Html.css.js
CSS
1 vote227 views2 answers
Style input number arrows
CSS
56 votes252 views2 answers
Responsive css code for all screen size
CSS
12 votes228 views1 answer
Disable increment in input type number
CSS

Share