Skip to content

Problem with CSS pseudo-element with "-" (first-child, last-child etc.) #14

Closed
@KacperKozak

Description

@KacperKozak

Pseudo-element with - don't work properly.

eg.:

Label:first-child {
    border-left: none;
}

In transpiled file looks like this:

// ...
var className = styles.Label + (variant.first-child ? ' ' + styles.Label__first-child : '');
// ...

And selector will be: .Label__first-child---36X92.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions