Muestra las diferencias entre dos versiones de la página.
Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
clase:daw:diw:1eval:tema04 [2023/11/07 17:44] admin [Variables CSS] |
clase:daw:diw:1eval:tema04 [2023/11/21 17:06] (actual) admin [Bucle @for through] |
||
---|---|---|---|
Línea 127: | Línea 127: | ||
===== Bucle @for to ===== | ===== Bucle @for to ===== | ||
- | Es un bucle desde el valor inicial al final-1 | + | Se usa para hacer un bucle desde '' |
* Bucle con índice. | * Bucle con índice. | ||
Línea 160: | Línea 160: | ||
</ | </ | ||
- | <note important> | ||
===== Bucle @for through ===== | ===== Bucle @for through ===== | ||
- | Es un bucle desde el valor inicial al final | + | Se usa para hacer un bucle desde '' |
* Bucle con índice. | * Bucle con índice. | ||
<sxh sass> | <sxh sass> | ||
- | @for $i from 0 through 4 { | + | @for $i from 1 through 4 { |
.g--border-# | .g--border-# | ||
border: 10px * $i solid # | border: 10px * $i solid # | ||
Línea 178: | Línea 177: | ||
<sxh css> | <sxh css> | ||
- | .g--border-0 { | ||
- | border: 0px solid #00FF00; | ||
- | } | ||
- | |||
.g--border-1 { | .g--border-1 { | ||
border: 10px solid #00FF00; | border: 10px solid #00FF00; | ||
Línea 199: | Línea 194: | ||
</ | </ | ||
- | <note important> | ||