¿Cómo instalar Tailwind 1.1.2 en Laravel 6.0?

September 17, 2019 por Eleazar Resendez – 1 min read

Para instalar la última versión de Tailwind CSS en Laravel 6.0 basta con seguir los siguientes pasos:

  1. Instalar Tailwind via npm
npm install tailwindcss
  1. Añadirlo a nuestro archivo app.scss
// Tailwind 1.1.2
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
  1. Crear el archivo de configuración (opcional)
npx tailwind init
  1. Procesar nuestro CSS con Tailwind (Laravel Mix en mi caso)
const tailwindcss = require('tailwindcss')

mix.sass('resources/sass/app.scss', 'public/css')
 .options({
   processCssUrls: false,
   postCss: [ tailwindcss('./path/to/your/tailwind.config.js') ],
 })

Listo, ahora podemos hacer uso de todas las utility-classes de Tailwind en su última versión.

La siguiente página, la consulto en demasiadas ocasiones para conocer todas las clases de utilidad que brinda Tailwind, espero les resulte útil.

Tailwind Cheat Sheet - https://nerdcave.com/tailwind-cheat-sheet

Fuente: https://tailwindcss.com/docs/installation/


Siguiente entrada

¿Cómo hacer casting de Array & JSON en un Laravel Model?

Si tu base de datos tiene un tipo de campo JSON o TEXT que contiene JSON serializado, al agregar el atributo array al arreglo de...

Te puede interesar

Laravel 6.0 & Bulma.io v0.7.5 (overview)

Bulma es un framework CSS opensource, basado en Flexbox. 100% responsivo, modular y provee un sistema simple de grid.

¿Cómo instalar Tailwind 1.1.2 en Laravel 6.0?
Compartir