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 vote119 views1 answer
Swiper center slides but not first slide
CSS
0 vote111 views1 answer
Setting background for anchor pane
CSS
26 votes137 views4 answers
How to move text up and down in html
CSS
22 votes136 views6 answers
Create circle in css
CSS
0 vote121 views2 answers
Create fish alias
CSS
-1 vote102 views1 answer
Css change radio button style
CSS
1 vote121 views1 answer
Steps() property css
CSS
1 vote108 views1 answer
Css vw scrollbar
CSS
14 votes136 views4 answers
Composer downgrade to version 1
CSS
30 votes119 views6 answers
Background image with gradient css
CSS

Share