Add background-origin utilities
#4117
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Codecov Report
@@ Coverage Diff @@
## master #4117 +/- ##
==========================================
+ Coverage 86.82% 86.84% +0.02%
==========================================
Files 339 341 +2
Lines 4826 4835 +9
Branches 919 919
==========================================
+ Hits 4190 4199 +9
Misses 561 561
Partials 75 75
Continue to review full report at Codecov.
|
Member
|
Well done Mr. Luhr, well done. |
adamwathan
pushed a commit
that referenced
this pull request
Apr 23, 2021
* Add background-origin utilities * Update fixtures * Update basic usage test * Change sort order for background origin * Move background origin after other background properties
adamwathan
pushed a commit
that referenced
this pull request
Apr 23, 2021
* Add background-origin utilities * Update fixtures * Update basic usage test * Change sort order for background origin * Move background origin after other background properties
adamwathan
pushed a commit
that referenced
this pull request
May 7, 2021
* Add background-origin utilities * Update fixtures * Update basic usage test * Change sort order for background origin * Move background origin after other background properties
This was referenced Jun 17, 2021
13 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
This PR adds support for the
background-originproperty.An example use case is a button with a gradient background and transparent border. This typically results in unexpected border colors appearing, but can be fixed with
background-origin: border-box;in CSS (orbg-origin-borderin Tailwind CSS with this PR).Here's the API:
bg-origin-borderbackground-origin: border-boxbg-origin-paddingbackground-origin: padding-boxbg-origin-contentbackground-origin: content-boxOnly
responsivevariants are enabled by default, but can be configured under thebackgroundOriginkey in yourtailwind.config.jsfile.