tailwindcss icon indicating copy to clipboard operation
tailwindcss copied to clipboard

`<alpha-value>` is not recognized on reuse

Open Serator opened this issue 1 year ago • 0 comments

What version of Tailwind CSS are you using?

v3.4.3 (last)

Reproduction URL

https://play.tailwindcss.com/iK3QZJynRz?file=config

Describe your issue

image

Tailwind config

/** @type {import('tailwindcss').Config} */
export default {
  theme: {
    extend: {
      colors: {
                                         ⬇⬇⬇⬇⬇⬇⬇⬇                     ⬇⬇⬇⬇⬇⬇⬇⬇
        primary: 'light-dark(rgb(0 0 0 / <alpha-value>), rgb(255 255 255 / <alpha-value>))',
      }
    },
  },
}

CSS

                              ⬇⬇                     ⬇⬇⬇⬇⬇⬇⬇⬇
color: light-dark(rgb(0 0 0 / 0.5), rgb(255 255 255 / <alpha-value>));

When adding a color to a Tailwind setting with more than one use of <alpha-value> in a single value, only the first occurrence of <alpha-value> is recognized.

More information is available here (сс @olyckne).

Serator avatar May 20 '24 16:05 Serator