left-1/2, left-1, left-2... not working

[nerdess]

I am trying to add left:50% to an absolute positioned element. But none of the left properties except left-0 are doing anything. So left-1/2, left-1, left-2.... are all not working.

this:

results in this:

i checked my tailwind config, all seems fine, nothing gets overwritten:

module.exports = {
  theme: {
    backgroundColor: theme => ({
      'foo': '#F7A600',
    }),
    colors: {
      'foo': '#F7A600',
    },
    extend: {
      colors: {
        'foo': '#F7A600',
      },
      fontSize: {
        '7xl': '5rem',
        'base': '18px',
      },
    },
  },
  variants: {},
  plugins: [],
}

any hints would be great!

[simonswiss]

Hey!

This seems to be working properly: https://play.tailwindcss.com/ftWqHyfppW

Are you able to reproduce this issue in a Tailwind Play or maybe share a GitHub repo?

[nerdess]

thx but i can't share the repo since it is a commercial project :(

tried to replicate as much as i could in tailwind play and left-1/2 works perfectly fine there.

locally however left-1/2 is still not working. same with a few other directives such as m-0.5 (m-1 is working though).

weird stuff.