Loop SCSS
@for $i from 1 through 6 {
.grid-#{$i} {
width: 100px*$i;
}
}
Lively Leopard
@for $i from 1 through 6 {
.grid-#{$i} {
width: 100px*$i;
}
}@for $i from 1 through 3 {
ul:nth-child(3n + #{$i}) {
background-color: lighten($base-color, $i * 5%);
}
}$base-color: #036;
@for $i from 1 through 3 {
ul:nth-child(3n + #{$i}) {
background-color: lighten($base-color, $i * 5%);
}
}
@for $i from 1 through 3 {
ul:nth-child(3n + #{$i}) {
color: blue;
}
}@each $theme-name, $theme-color in $colors-theme-bo {
.theme-#{$theme-name} {
color: $theme-color;
}
}