Skip to content

Commit 5b11f9c

Browse files
adamwathanadamwathan
authored
Merge pull request #2168 from tailwindlabs/bg-clip
Add background-clip utilities
2 parents 8a066c2 + 488c0e3 commit 5b11f9c

8 files changed

+400
-0
lines changed

‎__tests__/fixtures/tailwind-output-flagged.css

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2907,6 +2907,22 @@ video {
29072907
background-attachment: scroll;
29082908
}
29092909

2910+
.bg-clip-border {
2911+
background-clip: border-box;
2912+
}
2913+
2914+
.bg-clip-padding {
2915+
background-clip: padding-box;
2916+
}
2917+
2918+
.bg-clip-content {
2919+
background-clip: content-box;
2920+
}
2921+
2922+
.bg-clip-text {
2923+
background-clip: text;
2924+
}
2925+
29102926
.bg-transparent {
29112927
background-color: transparent;
29122928
}
@@ -27988,6 +28004,22 @@ video {
2798828004
background-attachment: scroll;
2798928005
}
2799028006

28007+
.sm\:bg-clip-border {
28008+
background-clip: border-box;
28009+
}
28010+
28011+
.sm\:bg-clip-padding {
28012+
background-clip: padding-box;
28013+
}
28014+
28015+
.sm\:bg-clip-content {
28016+
background-clip: content-box;
28017+
}
28018+
28019+
.sm\:bg-clip-text {
28020+
background-clip: text;
28021+
}
28022+
2799128023
.sm\:bg-transparent {
2799228024
background-color: transparent;
2799328025
}
@@ -53039,6 +53071,22 @@ video {
5303953071
background-attachment: scroll;
5304053072
}
5304153073

53074+
.md\:bg-clip-border {
53075+
background-clip: border-box;
53076+
}
53077+
53078+
.md\:bg-clip-padding {
53079+
background-clip: padding-box;
53080+
}
53081+
53082+
.md\:bg-clip-content {
53083+
background-clip: content-box;
53084+
}
53085+
53086+
.md\:bg-clip-text {
53087+
background-clip: text;
53088+
}
53089+
5304253090
.md\:bg-transparent {
5304353091
background-color: transparent;
5304453092
}
@@ -78090,6 +78138,22 @@ video {
7809078138
background-attachment: scroll;
7809178139
}
7809278140

78141+
.lg\:bg-clip-border {
78142+
background-clip: border-box;
78143+
}
78144+
78145+
.lg\:bg-clip-padding {
78146+
background-clip: padding-box;
78147+
}
78148+
78149+
.lg\:bg-clip-content {
78150+
background-clip: content-box;
78151+
}
78152+
78153+
.lg\:bg-clip-text {
78154+
background-clip: text;
78155+
}
78156+
7809378157
.lg\:bg-transparent {
7809478158
background-color: transparent;
7809578159
}
@@ -103141,6 +103205,22 @@ video {
103141103205
background-attachment: scroll;
103142103206
}
103143103207

103208+
.xl\:bg-clip-border {
103209+
background-clip: border-box;
103210+
}
103211+
103212+
.xl\:bg-clip-padding {
103213+
background-clip: padding-box;
103214+
}
103215+
103216+
.xl\:bg-clip-content {
103217+
background-clip: content-box;
103218+
}
103219+
103220+
.xl\:bg-clip-text {
103221+
background-clip: text;
103222+
}
103223+
103144103224
.xl\:bg-transparent {
103145103225
background-color: transparent;
103146103226
}

‎__tests__/fixtures/tailwind-output-ie11.css

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1379,6 +1379,18 @@ video {
13791379
background-attachment: scroll;
13801380
}
13811381

1382+
.bg-clip-border {
1383+
background-clip: border-box;
1384+
}
1385+
1386+
.bg-clip-padding {
1387+
background-clip: padding-box;
1388+
}
1389+
1390+
.bg-clip-content {
1391+
background-clip: content-box;
1392+
}
1393+
13821394
.bg-transparent {
13831395
background-color: transparent;
13841396
}
@@ -11809,6 +11821,18 @@ video {
1180911821
background-attachment: scroll;
1181011822
}
1181111823

11824+
.sm\:bg-clip-border {
11825+
background-clip: border-box;
11826+
}
11827+
11828+
.sm\:bg-clip-padding {
11829+
background-clip: padding-box;
11830+
}
11831+
11832+
.sm\:bg-clip-content {
11833+
background-clip: content-box;
11834+
}
11835+
1181211836
.sm\:bg-transparent {
1181311837
background-color: transparent;
1181411838
}
@@ -22209,6 +22233,18 @@ video {
2220922233
background-attachment: scroll;
2221022234
}
2221122235

22236+
.md\:bg-clip-border {
22237+
background-clip: border-box;
22238+
}
22239+
22240+
.md\:bg-clip-padding {
22241+
background-clip: padding-box;
22242+
}
22243+
22244+
.md\:bg-clip-content {
22245+
background-clip: content-box;
22246+
}
22247+
2221222248
.md\:bg-transparent {
2221322249
background-color: transparent;
2221422250
}
@@ -32609,6 +32645,18 @@ video {
3260932645
background-attachment: scroll;
3261032646
}
3261132647

32648+
.lg\:bg-clip-border {
32649+
background-clip: border-box;
32650+
}
32651+
32652+
.lg\:bg-clip-padding {
32653+
background-clip: padding-box;
32654+
}
32655+
32656+
.lg\:bg-clip-content {
32657+
background-clip: content-box;
32658+
}
32659+
3261232660
.lg\:bg-transparent {
3261332661
background-color: transparent;
3261432662
}
@@ -43009,6 +43057,18 @@ video {
4300943057
background-attachment: scroll;
4301043058
}
4301143059

43060+
.xl\:bg-clip-border {
43061+
background-clip: border-box;
43062+
}
43063+
43064+
.xl\:bg-clip-padding {
43065+
background-clip: padding-box;
43066+
}
43067+
43068+
.xl\:bg-clip-content {
43069+
background-clip: content-box;
43070+
}
43071+
4301243072
.xl\:bg-transparent {
4301343073
background-color: transparent;
4301443074
}

‎__tests__/fixtures/tailwind-output-important.css

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1767,6 +1767,22 @@ video {
17671767
background-attachment: scroll !important;
17681768
}
17691769

1770+
.bg-clip-border {
1771+
background-clip: border-box !important;
1772+
}
1773+
1774+
.bg-clip-padding {
1775+
background-clip: padding-box !important;
1776+
}
1777+
1778+
.bg-clip-content {
1779+
background-clip: content-box !important;
1780+
}
1781+
1782+
.bg-clip-text {
1783+
background-clip: text !important;
1784+
}
1785+
17701786
.bg-transparent {
17711787
background-color: transparent !important;
17721788
}
@@ -15813,6 +15829,22 @@ video {
1581315829
background-attachment: scroll !important;
1581415830
}
1581515831

15832+
.sm\:bg-clip-border {
15833+
background-clip: border-box !important;
15834+
}
15835+
15836+
.sm\:bg-clip-padding {
15837+
background-clip: padding-box !important;
15838+
}
15839+
15840+
.sm\:bg-clip-content {
15841+
background-clip: content-box !important;
15842+
}
15843+
15844+
.sm\:bg-clip-text {
15845+
background-clip: text !important;
15846+
}
15847+
1581615848
.sm\:bg-transparent {
1581715849
background-color: transparent !important;
1581815850
}
@@ -29829,6 +29861,22 @@ video {
2982929861
background-attachment: scroll !important;
2983029862
}
2983129863

29864+
.md\:bg-clip-border {
29865+
background-clip: border-box !important;
29866+
}
29867+
29868+
.md\:bg-clip-padding {
29869+
background-clip: padding-box !important;
29870+
}
29871+
29872+
.md\:bg-clip-content {
29873+
background-clip: content-box !important;
29874+
}
29875+
29876+
.md\:bg-clip-text {
29877+
background-clip: text !important;
29878+
}
29879+
2983229880
.md\:bg-transparent {
2983329881
background-color: transparent !important;
2983429882
}
@@ -43845,6 +43893,22 @@ video {
4384543893
background-attachment: scroll !important;
4384643894
}
4384743895

43896+
.lg\:bg-clip-border {
43897+
background-clip: border-box !important;
43898+
}
43899+
43900+
.lg\:bg-clip-padding {
43901+
background-clip: padding-box !important;
43902+
}
43903+
43904+
.lg\:bg-clip-content {
43905+
background-clip: content-box !important;
43906+
}
43907+
43908+
.lg\:bg-clip-text {
43909+
background-clip: text !important;
43910+
}
43911+
4384843912
.lg\:bg-transparent {
4384943913
background-color: transparent !important;
4385043914
}
@@ -57861,6 +57925,22 @@ video {
5786157925
background-attachment: scroll !important;
5786257926
}
5786357927

57928+
.xl\:bg-clip-border {
57929+
background-clip: border-box !important;
57930+
}
57931+
57932+
.xl\:bg-clip-padding {
57933+
background-clip: padding-box !important;
57934+
}
57935+
57936+
.xl\:bg-clip-content {
57937+
background-clip: content-box !important;
57938+
}
57939+
57940+
.xl\:bg-clip-text {
57941+
background-clip: text !important;
57942+
}
57943+
5786457944
.xl\:bg-transparent {
5786557945
background-color: transparent !important;
5786657946
}

0 commit comments

Comments
 (0)