tailwindlabs / tailwindcss-jit

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

gradientColorStops behaves differently

jayars opened this issue · comments

What version of @tailwindcss/jit are you using?

v0.1.4

What version of Node.js are you using?

14.10.1

What browser are you using?

Chrome

What operating system are you using?

Windows 10

Reproduction repository

https://github.com/jayars/tailwindcss-jit-gradientcolorstop

Hi,

gradientColorStops seems to behave differently when using @tailwindcss/jit.

  • tailwindcss: Custom gradient stops work
  • @tailwindcss/jit: Custom gradient stops don't work

image

Not sure if this is as-designed or a bug.

postcss.config.js

module.exports = {
  plugins: {
    '@tailwindcss/jit': {},
    autoprefixer: {},
  },
}

tailwind.config.js

module.exports = {
  ...
  theme: {
    extend: {
      gradientColorStops: {
        x: '#b1eafc',
        y: '#fbd7f8'
      }
    }
  }
  ...
}

Thanks

Fixed in v0.1.5, thanks for reporting!