Crear clases con estilos personalizados
Comprar curso

36. Crear clases con estilos personalizados


5 comentarios

Inicia sesión para comentar

Comentarios:

  • Juan Fernando Calvache Hernandez

    Juan Fernando Calvache Hernandez hace 6 meses

    profe lo mismo aplica para javascript, es decir crear mis animaciones y el proceso es similar al crear una hoja css.

  • Ruben

    Ruben hace 1 año

    Hola Victor.: como puedo arreglar este problema, cuando presiona ctrl + F5 no se cambia el estilo. Ayuda

    • Victor Arana Flores hace 1 año

      Hola Ruben. Enciende el servidor de vite.

      Ejecuta en consola npm run dev

  • Jonathan Kevin Sandoval Nuñez

    Jonathan Kevin Sandoval Nuñez hace 1 año

    Hola, quisiera saber si alguien le da este error en laravel 9 al momento de compilar los cambios al haber creado un nuevo archivo .css, me indica que el @media @apply no soporta. Aqui muestro mi archivo common.css y en el app.css importo la hoja de estilos.

     

    • Victor Arana Flores hace 1 año

      Hola Jonathan. Asegurate de tener actualizar node js y npm

    • Victor Arana Flores hace 1 año

      Aunque en si veo que el error creo que te lo está dando en @media.

      Te comento ahora si puedes aplicar los media query de tailwind dentro de los archivos de importacion.

       

      por lo que ya no necesitas crear un @media(min-width: 640px)

      Sino que puedes dejarlo en

       

      .container{
      	@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
      }

       

      Elimina los @media y me indicas si se soluciona el problema :D

    • Jonathan Kevin Sandoval Nuñez hace 1 año

      Hola Victor, quite los @media y los puse en el archivo de importación y si se visualiza los cambios de los estilos incluido los media y ya no da error, como indicaste. Gracias :D

       

  • Enrique Solis Medina

    Enrique Solis Medina hace 1 año

    Hola, quisiera saber si alguien me puede ayudar con algunos problemas que tengo al ejecutar npm run watch, gracias. Adjunto imágenes para que sea un poco mas claro.

    • Victor Arana Flores hace 1 año

      Ahora Laravel trabaja con Vite, por lo que el comando watch ya no se usa más.

      Para compilar ejecuta el comando npm run dev, eso encenderá el servidor de vite y compilará cualquier cambio que hagas.

    • Enrique Solis Medina hace 1 año

      ok entiendo, muchas gracias por su apoyo instructor 

  • Giovanni Rojas Morales

    Giovanni Rojas Morales hace 1 año

    Por si alguien llega a tener el problema con el import en Laravel 9, solo deben instanciarlo al inicio ya que en laravel 8 no existía el @tailwind

    • Victor Arana Flores hace 1 año

      Hola Giovanni, gracias por el aporte. Así es, se debe colocar al principio las importaciones.

    • Jonathan Kevin Sandoval Nuñez hace 1 año

      Hola Victor Arana Flores, deje un comentario arriba podrías sacarme de duda porfa

    • Victor Arana Flores hace 1 año

      Hola Jonathan, ya te respondi :D