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

Use Tailwind CSS children: variants #850

Closed
tordans opened this issue Jun 1, 2022 · 2 comments
Closed

Use Tailwind CSS children: variants #850

tordans opened this issue Jun 1, 2022 · 2 comments
Labels
Tailwind Something related to the CSS-framework

Comments

@tordans
Copy link
Collaborator

tordans commented Jun 1, 2022

The way this project is set up, Tailwind has a limitation to style nested elements.

With the new "arbitrary variants" feature (tailwindlabs/tailwindcss#8299, https://twitter.com/adamwathan/status/1523345746421985281) we can add classes to a parent element and style the child span tag. To test this, we can use a config like https://github.com/tailwindlabs/tailwindcss/blob/1402be2dd0cdc00745e24b45cea388bf7d37509f/tests/variants.test.js#L65.

In order to use this today, we need to use the dev preview of TailwindCSS.

A good candidate for testing is the login box; the text can now be centered.


I experimented with this locally but my changes are not ready for a PR. Wanted to create this Issue now, to let you know what can be done soon.

@riQQ riQQ added the Tailwind Something related to the CSS-framework label Jun 1, 2022
@pietervdvn
Copy link
Owner

@tordans Do you think this is still relevant? If not, this issue might be closed

@pietervdvn
Copy link
Owner

It seems like this is not relevant anymore, so I'm closing this issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Tailwind Something related to the CSS-framework
Projects
None yet
Development

No branches or pull requests

3 participants