Prefix don't work in PlayCDN #9935
-
|
What version of Tailwind CSS are you using? CDN. Newest. Probably 3.2.4 What build tool (or framework if it abstracts the build tool) are you using? Not applicable. What version of Node.js are you using? Not applicable. What browser are you using? Every. What operating system are you using? Btw, I use Arch. Reproduction URL Not applicable. Describe your issue As in the title. In playCDN the prefix setting does not work. Post Scriptum. Yes, I know, the rest of the settings are not needed in playCDN, but we only want to use playCDN in developer mode due to the problem of using tailwindcss/postcss in large projects written in clojurescript. Topic for another thread. |
Beta Was this translation helpful? Give feedback.
Replies: 4 comments 2 replies
-
|
Can't reproduce, seems to work here: https://jsfiddle.net/oj9scwvq/3/ Converting this to a discussion since it works as expected in my testing and no reproduction of the issue was provided so there's no action for us to take here, but if you can provide a reproduction happy to look into it. |
Beta Was this translation helpful? Give feedback.
-
|
The problem was obviously on my side. Sorry for bothering you and thanks for the instant reply. :) |
Beta Was this translation helpful? Give feedback.
-
|
Having the same issue right now. |
Beta Was this translation helpful? Give feedback.
-
|
From v4 onward, it is no longer enabled by default, and there is no backwards compatibility solution in the CDN. The Play CDN is not meant for development! Do not use it for production. It should only be used for quick prototypes or reproductions. Use one of the NPM packages (CLI, Vite, or PostCSS plugins) or the Standalone version (which doesn't require Node.js or NPM). TailwindCSS should be used strictly during development - it is a developer tool. For production, only the compiled CSS should be shipped. |
Beta Was this translation helpful? Give feedback.
-
References: |
Beta Was this translation helpful? Give feedback.
-
|
Do not use the Play CDN in active products. Only for minimal reproductions: #9935 (comment) If you need a prefix in such a reproduction, you can achieve it like this from v4: (do not use for production) <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<style type="text/tailwindcss">
@import "tailwindcss" prefix(tw);
@theme {
--color-clifford: #da373d;
}
</style>
<h1 class="tw:text-3xl tw:font-bold tw:underline tw:text-clifford">
Hello world!
</h1>
Other: |
Beta Was this translation helpful? Give feedback.
Can't reproduce, seems to work here:
https://jsfiddle.net/oj9scwvq/3/
Converting this to a discussion since it works as expected in my testing and no reproduction of the issue was provided so there's no action for us to take here, but if you can provide a reproduction happy to look into it.