All Questions
Tagged with tailwind-css postcss
287
questions
0
votes
0
answers
38
views
Passing In Tailwindcss Classes to Component Library Not Working
So, I am building a React component library (like the world needs another one) and an app on top of it. When I pass in Tailwind classes to the components from the app, the passed classes don't get ...
0
votes
0
answers
20
views
Tailwindcss classes not reflecting in vue component
I am using Api only rails app with Vue 3. Integrating tailwindcss into my project. Everything seems to be in place but styles are not being reflected.
Here are my different file structure.
package....
-1
votes
0
answers
24
views
(Vite:css) Lexical Error (unrecognised text) in Tailwind Nuxt/ Vue
I've followed this thread (https://github.com/tailwindlabs/tailwindcss/issues/1603)to fix my issue which seems pretty similar with that thread, but I have no luck. I've defined spacing: { 'number': '...
0
votes
1
answer
55
views
How to purge unused tailwind css and custom css given a string of HTML
I have a string of HTML. For example, like this
const html = '<html><body><div class="card bg-red-500"></div></body></html>'
I also have a bunch of CSS ...
0
votes
0
answers
77
views
css module parse failed nextjs 14
I created a new nextjs app using npx create-next-app@latest.
when I run npm run dev I get following error:
./src/app/globals.css
Module parse failed: Unexpected character '@' (1:0)
> @tailwind base;...
0
votes
1
answer
31
views
Tailwindcss default styles applied but utility classes are not working
I'm trying to set Tailwindcss up in a Vite project. I have two directories storybook and components. I write my code in components and preview them in storybook. As a test I'm trying to apply the ...
0
votes
1
answer
26
views
I am importing tailwind class string from utils to index page in app folder but it is not working. Using directly as classnames in app folder works
utils/responsiveBox
const responsiveBoxClass = "border-2 border-[red] xxsmScr:border-tahitiii xsmScr:border-[blue] smScr:border-[green] midScr:border-[orange] bigScr:border-[white] biggerScr:...
0
votes
0
answers
38
views
@tailwindcss base RULE NOT FOUND ERROR on NEXT.js while 'npm run build'
I'm on my NEXT.js project, while trying to build the application for production env (npm run build):
/home/sudeep/Documents/Web/Expense-tracker/frontend/node_modules/tailwindcss/tailwind.css:1 @...
0
votes
1
answer
41
views
Tailwind utility classes not detected in source files
I am using Tailwind in a react with vite project and have issues getting tailwind classes to work.
I have tried restarting the project as well as updating npm and node. Similar questions relate ...
0
votes
0
answers
113
views
Managing Tailwind CSS Configurations in Next.js Project: Overlapping Styles and Conflicts Between Multiple Configuration Files
I'm encountering an issue with managing Tailwind CSS configurations in my Next.js project. I have set up manually two separate Tailwind configurations for different parts of my application - tailwind....
0
votes
0
answers
50
views
Why does tailwindcss work in a Vue SFC style block, but not in the template?
I have a Vue single file component to create a custom keyboard. I'm able to use tailwind styles in the style block, but not in the template block. I have tried many elements and tailwind classes; here'...
1
vote
0
answers
298
views
Integrating TypeScript-based Tailwind Config with PostCSS inan Nx-Managed Next.js Project
I use lerna and nx for my project and use nx with command npx create-nx-workspace@latest --preset=next for creating my next.js app and use nx g @nx/react:setup-tailwind --project=my-app for setting up ...
0
votes
0
answers
51
views
Can't apply certain existing Tailwind classes to custom selectors in CSS files
I have a fairly complex React grid component with editable cells for which I've defined its own utility classes such as e-grid-row and e-grid-cell. I then apply styles to these utility classes in a ...
1
vote
1
answer
143
views
Unwanted dark class added to html
In a Sveltekit application using Tailwind and shadcn-svelte, all works fine except for a specific page located in routes/sales/[client_id]. For a reason I can't explain, when I come on this page, the ...
0
votes
0
answers
56
views
tailwind @layer base not bundled by webpack with node_modules
I'm facing this problem of tailwind file with @layer base, components, utilities from a node_module not injected into the bundle file built by webpack. Being a beginner in terms of Tailwind CSS, it's ...