question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tailwind v1.0 compatibility

See original GitHub issue

Hi @bradlc, great work on creating this babel plugin. I am building my website using Gatsby and following the starter demo for Gatsby + Emotion + Tailwind (https://github.com/jlengstorf/gatsby-tailwind-demo). It works great with Tailwind v0.7.4.

I was poking around Tailwind site and noticed that Adam is planning a release of v1.0 soon and there are some changes in the way the config files are setup (especially in the theme area). I tried to use the beta v3 release with your plugin and run into an issue when I try to call the new color classes e.g. bg-gray-300 I get a TypeError: Cannot read property 'gray-300' of undefined. I am guessing this is related to how the config file structure has changed. I could be wrong but would love your input on this. Thanks.

Issue Analytics

  • State:open
  • Created 4 years ago
  • Comments:64 (17 by maintainers)

github_iconTop GitHub Comments

11reactions
bradlccommented, Apr 2, 2019

Hey @Shaderpixel and @davecalnan

v1 support is very nearly done on the next branch. The main thing left to do is to update the static styles. I will try to publish it to npm this week under the next tag.

5reactions
bradlccommented, Apr 3, 2019

Still got a bit to do but here’s an initial version for anyone wanting to try it out 🎉 https://github.com/bradlc/babel-plugin-tailwind-components/releases/tag/v1.0.0-alpha.2

Read more comments on GitHub >

github_iconTop Results From Across the Web

Upgrade Guide - Tailwind CSS
Upgrading from Tailwind CSS v1.x to v2.0. Tailwind CSS v2.0 is the first new major version since v1.0 was released in May 2019,...
Read more >
Releases for Tailwind CSS Starter Kit | Drupal.org
#3149636: Drupal 9 compatibility. Read more about tailwindcss 8.x-2.7 ... Update to Tailwind CSS v1.0. Read more about tailwindcss 8.x-2.1 ...
Read more >
Installation - Tailwind CSS (clone)
Tailwind CSS requires Node.js 12.13.0 or higher. For most real-world projects, we recommend installing Tailwind as a PostCSS plugin. Most modern frameworks use ......
Read more >
Tailwind CSS component library - Flowbite
Flowbite is fully compatible with the 2.x versions of Tailwind CSS. Tailwind CSS 3.0 #. Feel free to upgrade to version 3 of...
Read more >
How to use Tailwind CSS in Angular
Tailwind CSS requires Node.js 12.13.0 or higher. I am using Node v10 in my system. After upgrading to Node v14.15.5 version the issue...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found