How to extend scale properly?

[gustaff-weldon]

I wanted to extend scale to be able to use transform: scaleX(-1). I have extended the config:

// tailwind/config.js
const config = {
  "theme": {
    "scale": {
      "flip": "-1"
    }
 }
}
module.exports = config;

but that does not result in any new css generated with tailwind build.

Interestingly, similar works for rotate just fine:

const config = {
  "theme": {
    "rotate": {
      "-123": "-123deg"
    }    
 }
}
module.exports = config;

adds bunch of clases with a proper variable, eg.:

.rotate-123 {
  --tw-rotate: -123deg;
}

What am I missing?

[gustaff-weldon]

Looks like it was not a problem with the Tailwind, but more with how we build tailwind config, the above works just fine. This thread can be closed.