Skip to content

Commit

Permalink
Merge pull request #2168 from tailwindlabs/bg-clip
Browse files Browse the repository at this point in the history 
Add background-clip utilities
  • Loading branch information
@adamwathan
adamwathan committed Aug 15, 2020
2 parents 8a066c2 + 488c0e3 commit 5b11f9c
Show file tree
Hide file tree
Showing 8 changed files with 400 additions and 0 deletions.
80 changes: 80 additions & 0 deletions __tests__/fixtures/tailwind-output-flagged.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2907,6 +2907,22 @@ video {
background-attachment: scroll;
}

.bg-clip-border {
background-clip: border-box;
}

.bg-clip-padding {
background-clip: padding-box;
}

.bg-clip-content {
background-clip: content-box;
}

.bg-clip-text {
background-clip: text;
}

.bg-transparent {
background-color: transparent;
}
Expand Down Expand Up @@ -27988,6 +28004,22 @@ video {
background-attachment: scroll;
}

.sm\:bg-clip-border {
background-clip: border-box;
}

.sm\:bg-clip-padding {
background-clip: padding-box;
}

.sm\:bg-clip-content {
background-clip: content-box;
}

.sm\:bg-clip-text {
background-clip: text;
}

.sm\:bg-transparent {
background-color: transparent;
}
Expand Down Expand Up @@ -53039,6 +53071,22 @@ video {
background-attachment: scroll;
}

.md\:bg-clip-border {
background-clip: border-box;
}

.md\:bg-clip-padding {
background-clip: padding-box;
}

.md\:bg-clip-content {
background-clip: content-box;
}

.md\:bg-clip-text {
background-clip: text;
}

.md\:bg-transparent {
background-color: transparent;
}
Expand Down Expand Up @@ -78090,6 +78138,22 @@ video {
background-attachment: scroll;
}

.lg\:bg-clip-border {
background-clip: border-box;
}

.lg\:bg-clip-padding {
background-clip: padding-box;
}

.lg\:bg-clip-content {
background-clip: content-box;
}

.lg\:bg-clip-text {
background-clip: text;
}

.lg\:bg-transparent {
background-color: transparent;
}
Expand Down Expand Up @@ -103141,6 +103205,22 @@ video {
background-attachment: scroll;
}

.xl\:bg-clip-border {
background-clip: border-box;
}

.xl\:bg-clip-padding {
background-clip: padding-box;
}

.xl\:bg-clip-content {
background-clip: content-box;
}

.xl\:bg-clip-text {
background-clip: text;
}

.xl\:bg-transparent {
background-color: transparent;
}
Expand Down
60 changes: 60 additions & 0 deletions __tests__/fixtures/tailwind-output-ie11.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1379,6 +1379,18 @@ video {
background-attachment: scroll;
}

.bg-clip-border {
background-clip: border-box;
}

.bg-clip-padding {
background-clip: padding-box;
}

.bg-clip-content {
background-clip: content-box;
}

.bg-transparent {
background-color: transparent;
}
Expand Down Expand Up @@ -11809,6 +11821,18 @@ video {
background-attachment: scroll;
}

.sm\:bg-clip-border {
background-clip: border-box;
}

.sm\:bg-clip-padding {
background-clip: padding-box;
}

.sm\:bg-clip-content {
background-clip: content-box;
}

.sm\:bg-transparent {
background-color: transparent;
}
Expand Down Expand Up @@ -22209,6 +22233,18 @@ video {
background-attachment: scroll;
}

.md\:bg-clip-border {
background-clip: border-box;
}

.md\:bg-clip-padding {
background-clip: padding-box;
}

.md\:bg-clip-content {
background-clip: content-box;
}

.md\:bg-transparent {
background-color: transparent;
}
Expand Down Expand Up @@ -32609,6 +32645,18 @@ video {
background-attachment: scroll;
}

.lg\:bg-clip-border {
background-clip: border-box;
}

.lg\:bg-clip-padding {
background-clip: padding-box;
}

.lg\:bg-clip-content {
background-clip: content-box;
}

.lg\:bg-transparent {
background-color: transparent;
}
Expand Down Expand Up @@ -43009,6 +43057,18 @@ video {
background-attachment: scroll;
}

.xl\:bg-clip-border {
background-clip: border-box;
}

.xl\:bg-clip-padding {
background-clip: padding-box;
}

.xl\:bg-clip-content {
background-clip: content-box;
}

.xl\:bg-transparent {
background-color: transparent;
}
Expand Down
80 changes: 80 additions & 0 deletions __tests__/fixtures/tailwind-output-important.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1767,6 +1767,22 @@ video {
background-attachment: scroll !important;
}

.bg-clip-border {
background-clip: border-box !important;
}

.bg-clip-padding {
background-clip: padding-box !important;
}

.bg-clip-content {
background-clip: content-box !important;
}

.bg-clip-text {
background-clip: text !important;
}

.bg-transparent {
background-color: transparent !important;
}
Expand Down Expand Up @@ -15813,6 +15829,22 @@ video {
background-attachment: scroll !important;
}

.sm\:bg-clip-border {
background-clip: border-box !important;
}

.sm\:bg-clip-padding {
background-clip: padding-box !important;
}

.sm\:bg-clip-content {
background-clip: content-box !important;
}

.sm\:bg-clip-text {
background-clip: text !important;
}

.sm\:bg-transparent {
background-color: transparent !important;
}
Expand Down Expand Up @@ -29829,6 +29861,22 @@ video {
background-attachment: scroll !important;
}

.md\:bg-clip-border {
background-clip: border-box !important;
}

.md\:bg-clip-padding {
background-clip: padding-box !important;
}

.md\:bg-clip-content {
background-clip: content-box !important;
}

.md\:bg-clip-text {
background-clip: text !important;
}

.md\:bg-transparent {
background-color: transparent !important;
}
Expand Down Expand Up @@ -43845,6 +43893,22 @@ video {
background-attachment: scroll !important;
}

.lg\:bg-clip-border {
background-clip: border-box !important;
}

.lg\:bg-clip-padding {
background-clip: padding-box !important;
}

.lg\:bg-clip-content {
background-clip: content-box !important;
}

.lg\:bg-clip-text {
background-clip: text !important;
}

.lg\:bg-transparent {
background-color: transparent !important;
}
Expand Down Expand Up @@ -57861,6 +57925,22 @@ video {
background-attachment: scroll !important;
}

.xl\:bg-clip-border {
background-clip: border-box !important;
}

.xl\:bg-clip-padding {
background-clip: padding-box !important;
}

.xl\:bg-clip-content {
background-clip: content-box !important;
}

.xl\:bg-clip-text {
background-clip: text !important;
}

.xl\:bg-transparent {
background-color: transparent !important;
}
Expand Down

0 comments on commit 5b11f9c

Please sign in to comment.