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

Pseudo Class Support #6

Open
Rishabh-Streak opened this issue Sep 18, 2020 · 1 comment
Open

Pseudo Class Support #6

Rishabh-Streak opened this issue Sep 18, 2020 · 1 comment

Comments

@Rishabh-Streak
Copy link

For my use case i had css with lots of Css Pseudo Classes

here is a demo example

.titleContainer {
display: flex;
flex-direction: row;
padding: 0 0 0 2rem;
}

.titleContainer:hover {
font-weight: 900;
}

Expected Behaviour ( as per JSS library ):-

"titleContainer": {
"display": "flex",
"flexDirection": "row",
"padding": "0 0 0 2rem",
"&:hover": {
"fontWeight": 900
}
}

Actual Behaviour :-

.titleContainer {
display: 'flex',
flexDirection: 'row',
padding: '0 0 0 2rem',
}

.titleContainer:hover {
fontWeight: 900,
}

@Rishabh-Streak
Copy link
Author

I had to convert whole css to Js Objects (JSS format) and i couldn't find a solution which could do that
so finally i ended up making a solution for myself which can be seen here

it can convert whole Css to CssInJs ( for now as per JSS library ) in one short.

it would be great if we could discuss and collaborate on our solutions.

PS : i explored your extension after making my own solution and i was literally surprised to see how did we ended up making similar logo XD

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

No branches or pull requests

1 participant