We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Generating for an element that has a class requiring -webkit-* css rules to work in a specific browser, doesn't work as expected.
-webkit-*
Required is adding 'autoprefixer' package to the plugins list of PostCSS. https://tailwindcss.com/docs/browser-support#vendor-prefixes
example Input:
<div class="bg-clip-text"></div>
Output:
.bg-clip-text { background-clip: text }
Expected output (in Chrome):
.bg-clip-text { -webkit-background-clip: text; background-clip: text; }
The text was updated successfully, but these errors were encountered:
Hi, for that usecase i think you have to use the lower level api to create your own postcss instance:
https://github.com/mhsdesign/jit-browser-tailwindcss/tree/main#lower-level-api-to-create-tailwind-post-css-plugin
const processor = postcss([ createTailwindcssPlugin({ tailwindConfig, content }), // autoPrefixerPlugin ]); const { css } = await processor.process(css, { from: undefined });
Sorry, something went wrong.
No branches or pull requests
Generating for an element that has a class requiring
-webkit-*
css rules to work in a specific browser, doesn't work as expected.Required is adding 'autoprefixer' package to the plugins list of PostCSS.
https://tailwindcss.com/docs/browser-support#vendor-prefixes
example
Input:
Output:
Expected output (in Chrome):
The text was updated successfully, but these errors were encountered: