Replies: 3 comments 1 reply
-
|
Consider having a For the CSS variables, efforts are underway to clear unused CSS variables, see: |
Beta Was this translation helpful? Give feedback.
This comment was marked as off-topic.
This comment was marked as off-topic.
-
|
Given the following piece of styling: @import "tailwindcss";
@source "**/*.html";
@layer components {
.button {
@apply bg-blue-500 text-white px-4 py-2 rounded-md;
}
}Compiling it using the vite plugin, or even Looking to create a library that intends to keep its' footprint minimally, tailwind (currently) does not feel like it's cooperating 😓 Would love to have some guidance on this!
# gitignore
/node_modulesRelevant dependency information: |
Beta Was this translation helpful? Give feedback.
-
|
Tailwind does not remove any "regular" CSS. You may consider using @utility button {
@layer components {
@apply bg-blue-500 text-white px-4 py-2 rounded-md;
}
} |
Beta Was this translation helpful? Give feedback.
-
OS: macOS 15.3.1
Node: v22.13.1
npm: 10.9.2
package.json
src/index.html
src/input.css
Command used to build:
npx @tailwindcss/cli -i ./src/input.css -o ./src/output.cssoutput.css has 2485 lines with all classes which are not being used. Expected behaviour was to have a really small file.
Beta Was this translation helpful? Give feedback.
All reactions