focus:shadow-outline isnt present in tailwind

[rockwellll]

Hi, so i have a basic tailwind installation and configured. Everything seems to work fine.

Except when i try to do focus:outline-none it doesn't work. I also cannot see it in the generated css file. Any ideas why?

this basic code

 = f.email_field :email, :class => "p-2 rounded-lg focus:outline-none mt-1 focus:shadow-outline"

in fact, it isnt working this way

f.email_field :email, :class => "p-2 rounded-lg focus:outline-none mt-1 shadow-outline"

[simonswiss]

Hey!

If you're using Tailwind CSS v2.0, the focus:shadow-outline is not a thing anymore. You can replace this with focus:ring, and use the power of the new ring utilities to create complex focus ring styles.

Here's the part of the Upgrading to Tailwind CSS v2.0 guide that is relevant.

Hope it helps 👍