Adding Negative Inset to Config Removes other Position Classes

[cjmellor]

Hi,

I needed a negative inset, so I added this to the tailwind.config.js

theme: {
    inset: {
      '-1': '-0.25rem',
    },
    extend: {
        // ...
    }
},

So this would allow me to use -top-1 to get my value.

It works fine after running yarn run dev but I noticed soon after that I was unable to then use any of the positioning classes. I wanted to use top-0 and left-0 but they just weren't showing up in my auto-complete in PHP Storm and weren't rendering on the site after refresh.

Am I doing the config wrong, or am I missing something obvious?

Any help would be appreciated.

[cjmellor]

I think I know where I've gone wrong...

I'm adding a new value, so I need to extend it so it belongs in the extend object

theme: {
    extend: {
        inset: {
            '-1': '-0.25rem',
        }
    }
},

Am I right? I mean it's worked so it must be 😛

Oh well, maybe someone else struggling will find this useful.