Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Astro build lost some style #1734

Closed
alexzhang1030 opened this issue Oct 12, 2022 · 5 comments · Fixed by #1963
Closed

Astro build lost some style #1734

alexzhang1030 opened this issue Oct 12, 2022 · 5 comments · Fixed by #1963

Comments

@alexzhang1030
Copy link

alexzhang1030 commented Oct 12, 2022

Here is a minimal prodution repository -> repo

Only appears in attributify mode

Execute astro build by using Solid-JS and Island Component, the corresponding rule is not generated in final css file.

image

image

But Vue works.

@chu121su12
Copy link
Collaborator

chu121su12 commented Oct 13, 2022

Attributify mode needs separator before the closing > (eg. space, quote).

Try <div color-blue-600 >

@alexzhang1030
Copy link
Author

alexzhang1030 commented Oct 13, 2022

separator

No...I tried, but noting happened. 😢

@antfu
Copy link
Member

antfu commented Oct 16, 2022

I guess it's more of a Solid issue, that Solid transform the TSX before UnoCSS read it, causing it to fail to match the attributes in HTML. I will try to investigate

@laurieherault
Copy link

Is not limited to attributify mode.
@antfu I think you are right. I have to put missing styles in the safelist and it's work.

@sibbng
Copy link
Member

sibbng commented Dec 16, 2022

I believe this is can be fixed by #1963

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants