Skip to content

Tailwind added after my style block clearing all styles #8044

@kubre

Description

@kubre

What version of astro are you using?

2.10.7

Are you using an SSR adapter? If so, which one?

Vercel

What package manager are you using?

pnpm

What operating system are you using?

Windows

What browser are you using?

Chrome, Firefox

Describe the Bug

I'm using the tailwind plugin for Astro, after updating Astro to the latest version it started adding a tailwind at the end of the head tag(as shown in the image). This causes any style added above to be reset on tags like h1 { @apply bg-black } etc won't work. Downgrading back to the old version 2.0.15 and styles apply fine. Please check stackblitz

image

What's the expected result?

Custom styles should be added after the base styles of the tailwind.

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-vbv2yk

Participation

  • I am willing to submit a pull request for this issue.

Metadata

Metadata

Assignees

Labels

- P4: importantViolate documented behavior or significantly impacts performance (priority)pkg: tailwind

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions