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
Add :read-only variant #4102
Add :read-only variant #4102
Conversation
* Add background-origin utilities * Update fixtures * Update basic usage test * Change sort order for background origin * Move background origin after other background properties
c681549
to
23b71a9
Compare
Hey sorry messed this up with some rebasing and force pushing but happy to get this added if you don't mind cleaning it up. Only thing to figure out is where it belongs in this list: https://github.com/tailwindlabs/tailwindcss/blob/master/stubs/defaultConfig.stub.js#L802-L817 That list determines which variants get precedence over which others, so for example |
I've fixed all conflicts and merged code with current master.
I think that |
Yeah sounds good, let's add it to that spot then 👍🏻 |
Done :) |
@FunnyScarf @adamwathan Thanks for it, I guess it would have been possible out-of-the-box with JIT compiler. In the meantime that's fine ;) Just noticing, this is now missing at https://tailwindcss.com/docs/hover-focus-and-other-states nothing severe but I just wanted to notify it for any further patch (sorry no time to make a PR for this right now :() |
Closes #3136
This PR implements the :read-only variant. It is not enabled by default for any utilities.
Detail
This variant uses the the :read-only CSS pseudo-class represents an element (such as input or textarea) that is not editable by the user.
Browser support is good.