githubmirror/tailwindcss

src/util/removeAlphaVariables.js

26 строк785 B

Jordan Pittman

Add variable fallback to fix Chrome issue (#15003)

14 ноя 2024, 21:33

14 ноя 2024, 21:33d093dce

/**
 * This function removes any uses of CSS variables used as an alpha channel
 *
 * This is required for selectors like `:visited` which do not allow
 * changes in opacity or external control using CSS variables.
 *
 * @param {import('postcss').Container} container
 * @param {string[]} toRemove
 */
export function removeAlphaVariables(container, toRemove) {
  container.walkDecls((decl) => {
    if (toRemove.includes(decl.prop)) {
      decl.remove()

      return
    }

    for (let varName of toRemove) {
      if (decl.value.includes(`/ var(${varName})`)) {
        decl.value = decl.value.replace(`/ var(${varName})`, '')
      } else if (decl.value.includes(`/ var(${varName}, 1)`)) {
        decl.value = decl.value.replace(`/ var(${varName}, 1)`, '')
      }
    }
  })
}