Skip to content

Css Pseudo Class conversion to CSSinJs doesn't work as per JSS syntax  #35

@rishabhrathod01

Description

@rishabhrathod01

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',
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions