We've moved discussions to Discord

Join Discord

Need Tailwind Update to 1.2.0

Siarhei •
I wanna use Tailwind UI components. 

Tailwind UI components require Tailwind CSS v1.2.0 and the @tailwindcss/ui plugin.


A C •
For tailwind UI to work correctly you need v1.3.5 of tailwind css. TailwindUI claims v1.2.0 as the requirement but it did not work and after wasting couple of hours debugging I found out that 1.3.5 is required.

I did upgrade this version of tailwind css library in the template without any issues.
Siarhei •
Снимок экрана 2020-04-30 в 17.52.26.png 208 KB
Siarhei •
Ajay Thanks!
I  Upgrade

"tailwindcss": "^1.4.1",
"tailwindcss-stimulus-components": "^1.0.2",

in tailwind.config.js add
...        
'"Noto Color Emoji"',
      ],
    },
  },
  plugins: [
    require('@tailwindcss/ui'),
  ]
}

yarn upgrade
rails s

js don't work
A C •
Siarhei  Try it with 1.3.5. Thats the version that I used. v1.4.1 seems to be a really new release and there could be some edge cases.
A C •
Siarhei  

Here are the changes that I did. Hope it helps

postcss.config.js
replaced values of defaultExtractor with 
content => content.match(/[\w-/.:]+(?<!:)/g) || []

Added the plugin using
plugins: [
  require('@tailwindcss/ui')({
    layout: 'sidebar',
  })
]

Changed tailwindcss in package.json to
"tailwindcss": "^1.3.5"

Added tailwindui to package.json
"@tailwindcss/ui": "^0.2.2"
Chris Oliver •
I've updated TailwindCSS to 1.4 and the defaultExtractor to match TailwindUI. 👍

Also added a commented out line in tailwind.config.js for TailwindUI to make that easier. 
Chris Oliver •
You'll probably have to remove some of the Jumpstart Pro base styles as TailwindUI expects things to be blank. 

We include base styles so things like headers, ul, ol, and other tags actually have look like you'd expect. Those may need to be removed if you're moving to TailwindUI.
Siarhei •
Thanks! 👍
My Discussions Participating All Discussions
Notifications
You’re not receiving notifications from this thread.