ejemplo de código de bucle scss

Estuvimos buscando en el mundo online para darte la solución a tu duda, en caso de dudas puedes dejarnos tu duda y responderemos sin falta.

Ejemplo 1: bucle 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: bucle 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;
  

Si te ha sido provechoso nuestro artículo, agradeceríamos que lo compartas con otros seniors así nos ayudas a dar difusión a nuestra información.

---

---

Utiliza Nuestro Buscador