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

Suggestion: Add CSS classes to style keylabels by row #323

Open
WandersFar opened this issue Feb 2, 2023 · 0 comments
Open

Suggestion: Add CSS classes to style keylabels by row #323

WandersFar opened this issue Feb 2, 2023 · 0 comments

Comments

@WandersFar
Copy link

Keylabel classes are very useful. But how can you style keylabels by row?

There are no classes for row 1, row 2, row 3, etc.

And pseudo-selectors like :nth-child are evidently not supported. For example, if your keyboard was 10x3 and you wanted to select the second row, this wouldn’t work:

#keyboard-bg>.key:nth-child(n+11):nth-child(-n+20) .keylabel1

So I’m asking for some row classes, please. :)

Then we could style keylabels by row as simply as:

.row1 .keylabel1

Or whatever. Thanks for reading!

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