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

BUG: Unable to use FlyonUI with Parcel #22

Closed
gavar opened this issue Nov 12, 2024 · 4 comments
Closed

BUG: Unable to use FlyonUI with Parcel #22

gavar opened this issue Nov 12, 2024 · 4 comments
Labels
bug Something isn't working

Comments

@gavar
Copy link

gavar commented Nov 12, 2024

What version of FlyonUI are you using?

v1.1.0

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://codesandbox.io/p/devbox/r5ml7v

Describe your issue

Unable to build via Parcel using the default config.

Steps to reproduce:

> npx parcel src/index.html --no-cache

Port "1234" could not be used
Server running at http://localhost:35875
⠇ Building index.css...
⠴ Building index.css...
🚀   flyonui 1.1.0
├─ ✔︎ 2 themes added             https://flyonui.com/docs/themes
Server running at http://localhost:35875
🚨 Build failed.

@parcel/transformer-css: Invalid pseudo class after pseudo element, only user action pseudo classes (e.g. :hover, :active) are allowed

  /project/workspace/src/index.css:2243:30
    2242 | 
  > 2243 | .input::file-selector-button:disabled {
  >      |                              ^
    2244 |   background-color: var(--fallback-n,oklch(var(--n)/0.1));
    2245 | }
Copy link

Hi @gavar

Thank you for your support in helping us improve FlyonUI!

We’ve received your submission and will respond within few business days. Our team handles issues one at a time, and we’ll be reviewing yours as soon as possible.

In the meantime, any additional details or a reproducible example would be greatly appreciated and will help us resolve the issue more efficiently.

Thank you for your patience and understanding!

@OmkarOza
Copy link
Member

Hello @gavar,

Thank you for reaching out. We’ve reviewed the issue you mentioned, but we're currently unable to access the link you provided. Could you please share a working link or, if possible, a zipped file of your local setup? This will allow us to assist you more effectively.

Awaiting your reply,

~Best regards

@gavar
Copy link
Author

gavar commented Nov 13, 2024

@OmkarOza sorry, it was set to private, please follow the same link again to see the project example: https://codesandbox.io/p/devbox/r5ml7v

this might be related to the latest SASS update as they are quite picky, it works okay with older SASS versions

@PruthviPraj00 PruthviPraj00 added the bug Something isn't working label Nov 14, 2024
@OmkarOza
Copy link
Member

Hello @gavar,

I've reviewed your issue and identified that it originates from the input styling, which we have now fixed. This update will be included in the upcoming release, so please stay tuned.

Additionally, please note that this issue is unrelated to SASS, as there are no SASS files in your project.

~Best regards.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants