Skip to content

<alpha-value> is not recognized on reuse #13716

Closed
@Serator

Description

@Serator

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).

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions