Khan / Khan/aphrodite

Support pseudo elements under pseudo styles

Open
#155 4 comments 1 reaction 0 assignees View on GitHub
Dominant language
JavaScript
Stars
5.3k
Forks
187
PR merge metrics
No merged PRs in 30d

Description

I was whippin up a PR for #147 when I noticed that the following code is not supported:

```
const styles = {
input: {
':focus': {
'::-webkit-input-placeholder': {
color: 'blue'
}
}
}
}
```

[Example](https://output.jsbin.com/qoseye?code=%7B%0A%20%20input%3A%20%7B%0A%20%20%20%20%27%3Afocus%27%3A%20%7B%0A%20%20%20%20%20%20%27%3A%3A-webkit-input-placeholder%27%3A%20%7B%0A%20%20%20%20%20%20%20%20color%3A%20%27blue%27%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D)

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue names no repository files or tests. Start by reproducing the nested input/:focus/::-webkit-input-placeholder example and trace how nested pseudo styles are processed; done means this case is supported and covered by a regression test.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.