Ejemplo 1: loop scss
@for $i from 1 through 6 {
.grid-#{$i} {
width: 100px*$i;
}
}
Ejemplo 2: bucles scss
@for $i from 1 through 3 {
ul:nth-child(3n + #{$i}) {
background-color: lighten($base-color, $i * 5%);
}
}
Ejemplo 3: loop scss
@for $i from 1 through 3 {
ul:nth-child(3n + #{$i}) {
color: blue;
}
}
Ejemplo 4: bucles sass
$base-color: #036;
@for $i from 1 through 3 {
ul:nth-child(3n + #{$i}) {
background-color: lighten($base-color, $i * 5%);
}
}
Ejemplo 5: bucle scss
@each $theme-name, $theme-color in $colors-theme-bo {
.theme-#{$theme-name} {
color: $theme-color;
}
}
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)