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

Allowing two dashes properties on naming-convention #174

Merged
merged 3 commits into from
Dec 8, 2023

Conversation

strikkerpt
Copy link
Contributor

While animating components we interact a lot with css custom properties which start with [two dashes].(https://drafts.csswg.org/css-variables/).

Case Example:

gsap.to(element, {'--pseudo-opacity': 0});

On the code above the following error will be dispatched:

ESLint: Object Literal Property name '--pseudo-opacity' must match one of the following formats: strictCamelCase(@typescript-eslint/naming-convention)

This has led to a lot of suppressing in files that interact with css variables, in some cases the rule ends up disabled to the whole file, which prevent us from taking advantage of it.

This PR should allow us to filter properties that starts with -- and ignore them, avoiding suppressing the issue by not dispatching the error.

@leroykorterink leroykorterink force-pushed the feature/allow-css-variables-naming branch from 1afcb99 to 6ed2e95 Compare December 8, 2023 14:42
@leroykorterink leroykorterink force-pushed the feature/allow-css-variables-naming branch from 6ed2e95 to 2b7889c Compare December 8, 2023 14:44
@leroykorterink leroykorterink merged commit 2374aff into main Dec 8, 2023
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants