[Curso] SASS de 0 a 100

Curso de SASS🌈 de 0 a 100 [08.- Ciclos]

En este tutorial vamos a aprender a usar los ciclos for y each para crear n cantidad de elementos en nuestro archivo css.
Codigo: https://github.com/programadornovato/sass/commit/af2867410c5514fd39ab73fd97056d2d0bf8fdc6

@mixin forma($color:#111,$ancho:100px,$alto:100px) {
    background-color:$color;
    width: $ancho;
    height: $alto;
}
$colores:(#333,#666,#888);

@for $i from 1 through length($colores) {
    @debug "Val de i="+$i;
    #rec#{$i}{
        @include forma(nth($colores,$i),300px,50px);
    }        
}

// @each $color in $colores {
//     $i:index($colores , $color );
//     #rec#{$i}{
//         @include forma($color,300px,50px);
//     }            
// }

// #rec1{
//     @include forma(nth($colores,4),300px,50px);
// }
// #rec2{
//     @include forma($color*2,400px,20px);
// }
// #rec3{
//     @include forma($color*4,100px,50px);
// }

? Visual Studio Code Review: https://www.youtube.com/watch?v=VEySgnoG2k4

? Facebook: https://facebook.com/ProgramadorNovatoOficial
? Twitter: https://twitter.com/programadornova
? Linkedin: https://www.linkedin.com/in/programadornovato/
? Instagram: https://www.instagram.com/programadornovato/

Codigos en gdrive: https://drive.google.com/file/d/15i6j231DHduFTUHQKillgATNWKGDUiGw/view?usp=sharing
? Esta lista de reproducción: https://www.youtube.com/playlist?list=PLCTD_CpMeEKQXywJB8KMN_-GccZuVf9ag
Gracias por apoyar este canal: https://www.patreon.com/programadornovato?fan_landing=true

Eugenio Chaparro

Entradas recientes

Ejercicio 11.- Identificar un palindromo en C# [40]

Un palíndromo es una palabra o frase que se puede leer igual al derecho y…

1 día hace

For mejorado (foreach en C# [39])

El foreach se utiliza para iterar sobre una colección o un elemento iterable. No tenemos…

1 día hace

Arreglos en C# [38]

Un arreglo puede definirse como un grupo o colección finita, homogénea y ordenada de elementos.…

1 día hace

Ejercicio 10.- Dibujar una escalera con asteriscos con ciclo for en C# [36]

Crear un programa en C# que dibuje una escalera de asteriscos.Pedir al humano el tamaño…

1 día hace

Ciclo for en C# [35]

Los ciclos for son lo que se conoce como estructuras de control de flujo cíclicas…

1 día hace

Ejercicio 09.- “while” VS “do while” en C# [34]

En este ejercicio pondremos a prueba los conocimientos de while y de do while de…

1 día hace