diff options
Diffstat (limited to 'node_modules/tailwindcss/src/util/removeAlphaVariables.js')
| -rw-r--r-- | node_modules/tailwindcss/src/util/removeAlphaVariables.js | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/node_modules/tailwindcss/src/util/removeAlphaVariables.js b/node_modules/tailwindcss/src/util/removeAlphaVariables.js new file mode 100644 index 0000000..76655be --- /dev/null +++ b/node_modules/tailwindcss/src/util/removeAlphaVariables.js @@ -0,0 +1,24 @@ +/** + * 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})`, '') + } + } + }) +} |