Skip to content

astro with tailwind incorrect style css order in subpath #5676

@herve-ch

Description

@herve-ch

What version of astro are you using?

1.7.2

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

Netlify

What package manager are you using?

yarn

What operating system are you using?

Mac

Describe the Bug

css files (with tailwind) in subpath (like http://website/subfolder) are imported in the wrong order and custom styles get overridden

it only happen when building for production, local dev is correct, I tried with deno and netlify

it works correctly with astro 1.6.14

i set up a sample in netlify:

Compare:
https://verdant-kashata-5415d3.netlify.app/test/
https://verdant-kashata-5415d3.netlify.app/

=> TEST H1 in https://verdant-kashata-5415d3.netlify.app/test/
is not styled with global css, it is overridden, it should be like in https://verdant-kashata-5415d3.netlify.app/

source code : https://github.com/herve-ch/astro-tw

Link to Minimal Reproducible Example

https://github.com/herve-ch/astro-tw

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)

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions