Avatar
Mario Fernando Robayo Restrepo

@mariofernandorobayorestrepo

Acabo de bajar el repositorio y ejecuto gulp dev y el servidor Inicia pero cuando cambio algo en style.scss no actualiza se hace obligatorio reiniciar Cada ocasion agrege un log para ver si llegaba a los watch pero nunca se ejecuta.

gulp.task('dev', gulp.parallel(startServer, gulp.series(['styles-dev', 'pug-dev', 'scripts-dev', 'images-dev'])), () => {
  console.log(`Ejecucion Antes de los Watch`)
  watch('./src/scss/**/**', () => gulp.series('styles-dev'))
  watch('./src/js/**/**', () => gulp.series('scripts-dev', server.reload))
  watch('./src/pug/**/**', () => gulp.series('pug-dev', server.reload))
  watch('./src/img/**/**', () => gulp.series('images-dev'))

  return
})

respuesta

 M:\miPrimeraWeb> gulp dev
[16:27:43] Requiring external module babel-register
[16:27:44] Using gulpfile M:\miPrimeraWeb\gulpfile.babel.js
[16:27:44] Starting 'dev'...
[16:27:44] Starting 'startServer'...
[16:27:44] Starting 'styles-dev'...
[Browsersync] 1 file changed (styles.css)
[16:27:45] Finished 'styles-dev' after 595 ms
[16:27:45] Starting 'pug-dev'...
[16:27:45] Finished 'pug-dev' after 97 ms
[16:27:45] Starting 'scripts-dev'...
[16:27:45] Finished 'scripts-dev' after 126 ms
[16:27:45] Starting 'images-dev'...
[16:27:45] Finished 'images-dev' after 3.79 ms
[Browsersync] Access URLs:
 ------------------------------------
       Local: http://localhost:3000
    External: http://192.168.0.7:3000
 ------------------------------------
          UI: http://localhost:3001
 UI External: http://localhost:3001
 ------------------------------------
[Browsersync] Serving files from: ./public
Avatar
Mario Fernando Robayo Restrepo

@mariofernandorobayorestrepo

Si es posible reiniciar una animacion desde css adjunto enlace code pen y codigo https://codepen.io/marioferyhwh/pen/YzXdxjR?editors=1100

scss body { min-height: 100vh; //background: red; display:flex; justify-content: center; align-items:center; } h1{ display:block; margin:0; background: blue; animation:ChangeColor 10s infinite forwards alternate; &:hover{ animation: paused; }

ChangeColor { to { background:red ; } } } .ball{ width : 100px; background:yellow; height: 100px; animation: moveUpDown 5s infinite forwards alternate; body:hover &{ animation: pause; } moveUpDown{ 25%{ transform:translatey(150px) ; }

    100%{
      transform:translatey(0) ;
    }
    75%{
      transform:translatey(-150px) ;
    }
  }
}
Avatar
Mario Fernando Robayo Restrepo

@mariofernandorobayorestrepo

e estado intentado que el codigo se genere con sass pero cuando pongo & dentro de un interpolacion no me reconoce que lo llamara y lo pone al inicio generando .menulink [class^="menulink"] en ligar de solo class^="menu__link" hay alguna otra manera de indicarle que identificador de padre ya se uso y no es necesario ponerlo al inicio o obligatoriamente toca por fuera y tal ves usar una variable.

lenguaje scss

.menu{ display:flex; &--{ &child{ position:absolute; } } &__{ &item{

}
&link{
  [class^="#{str-slice(#{&},2)}"]{
    background:yellow;
  }

}

} }

.link{
class^="#{&}"{ background:yellow; }
}

Avatar
Mario Fernando Robayo Restrepo

@mariofernandorobayorestrepo

Cuando Realizaba los ejercicios el comando : node-sass --watch scss/ --output css/ me queneraba

changed: ...\ejercicios\scss\style.scss { "status": 3, "message": "File to read not found or unreadable: .../ejercicios/scss/style.scss", "formatted": "Internal Error: File to read not found or unreadable:..../ejercicios/scss/style.scss\n"
} busque y el erro es que vscode tiene ocupado el archivo cuando se ejecuta el compilado enlace , se puede solucionar con cambiar render.js adjunto link de solución:https://github.com/sass/node-sass/issues/1894#issuecomment-390199128 y el archivo nuevo es :https://github.com/marcosbozzani/node-sass/blob/bug-vscode-watch/lib/render.js

¡Mario te ha regalado 30 dólares 🎉!

Si actualizas a premium con el siguiente enlace obtendrás un descuento para ti y ayudarás a Alejandro a seguir estudiando en EDteam.

ed.team/premium?cupon=REF-114481

Estos son los beneficios que tú y Mario recibirán si compras con su enlace de referidos 🙌

BeneficiosMensualSemestralAnual
Descuento ()$ 3 USD$ 15 USD$ 30 USD
Semanas gratis (Mario)1612

Al comprar con el enlace de referidos aceptas los términos y condiciones

Amigos

¿Cómo obtengo mi enlace de referidos?

Si eres estudiante premium ya tienes el enlace en tu perfil de usuario. Si aún no eres premium recibirás tu enlace de referidos como recompensa cada vez que completes un curso gratuito.

Más información
Publicaciones
Certificados
Me gusta
Referidos