/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

1 vote350 views1 answer
Ionchips scroll x
CSS
1 vote378 views1 answer
Button click css style
CSS
0 vote355 views1 answer
For...in...loop
CSS
2 votes338 views1 answer
Function debounce
CSS
0 vote342 views1 answer
Top 0 bottom 0 left 0 right 0 alternate css
CSS
0 vote352 views1 answer
Ios safe area
CSS
4 votes356 views1 answer
Ionic mobile always dark theme in web
CSS
3 votes347 views1 answer
Learn css animation
CSS
1 vote348 views1 answer
Css animate border bottom left to right
CSS
2 votes405 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespaces
CSS

Share