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

Using css variables in style declarations are always converted to kebab-case #1654

Open
itsdouges opened this issue Apr 8, 2024 · 0 comments
Labels
bug 🐛 Something isn't working

Comments

@itsdouges
Copy link
Collaborator

Describe the bug

When writing css variables that aren't kebab case, for example camelCase or snake_case, Compiled ends up transforming it to kebab-case.

To Reproduce

const styles = cssMap({
  '--helloWorld': 'red',
});

The output css variable is --hello-world.

Expected behavior

--helloWorld: red; stays as --helloWorld: red;.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

@itsdouges itsdouges added the bug 🐛 Something isn't working label Apr 8, 2024
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

1 participant