This repository has been archived by the owner on Apr 6, 2021. It is now read-only.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Resolves #92, resolves #34.
This PR adds support for making any utility "important" by throwing a
!
at the beginning:This matches the syntax we have been showing as an example of custom variants in the official documentation for the last 500 years:
As well as the syntax Netlify is using as they refactor their codebase to Tailwind:
There are probably weird things you can do with your CSS that will make this break, but that's why we release it and let everyone do their worst and see what is reported 😄
In the future I could see a world where instead of making things
!important
we use the:is
selector and a private ID to boost the specificity without introducing conflicts with inline styles:Browser support is pretty good for this but might want to wait until Safari 12/13 are a little more dead.