Skip to content

Commit 5b82b6f

Browse files
adamwathanadamwathan
committed
Add background-clip utilities
1 parent 8a066c2 commit 5b82b6f

8 files changed

+420
-0
lines changed

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

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2907,6 +2907,23 @@ 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+
-webkit-background-clip: text;
2925+
}
2926+
29102927
.bg-transparent {
29112928
background-color: transparent;
29122929
}
@@ -27988,6 +28005,23 @@ video {
2798828005
background-attachment: scroll;
2798928006
}
2799028007

28008+
.sm\:bg-clip-border {
28009+
background-clip: border-box;
28010+
}
28011+
28012+
.sm\:bg-clip-padding {
28013+
background-clip: padding-box;
28014+
}
28015+
28016+
.sm\:bg-clip-content {
28017+
background-clip: content-box;
28018+
}
28019+
28020+
.sm\:bg-clip-text {
28021+
background-clip: text;
28022+
-webkit-background-clip: text;
28023+
}
28024+
2799128025
.sm\:bg-transparent {
2799228026
background-color: transparent;
2799328027
}
@@ -53039,6 +53073,23 @@ video {
5303953073
background-attachment: scroll;
5304053074
}
5304153075

53076+
.md\:bg-clip-border {
53077+
background-clip: border-box;
53078+
}
53079+
53080+
.md\:bg-clip-padding {
53081+
background-clip: padding-box;
53082+
}
53083+
53084+
.md\:bg-clip-content {
53085+
background-clip: content-box;
53086+
}
53087+
53088+
.md\:bg-clip-text {
53089+
background-clip: text;
53090+
-webkit-background-clip: text;
53091+
}
53092+
5304253093
.md\:bg-transparent {
5304353094
background-color: transparent;
5304453095
}
@@ -78090,6 +78141,23 @@ video {
7809078141
background-attachment: scroll;
7809178142
}
7809278143

78144+
.lg\:bg-clip-border {
78145+
background-clip: border-box;
78146+
}
78147+
78148+
.lg\:bg-clip-padding {
78149+
background-clip: padding-box;
78150+
}
78151+
78152+
.lg\:bg-clip-content {
78153+
background-clip: content-box;
78154+
}
78155+
78156+
.lg\:bg-clip-text {
78157+
background-clip: text;
78158+
-webkit-background-clip: text;
78159+
}
78160+
7809378161
.lg\:bg-transparent {
7809478162
background-color: transparent;
7809578163
}
@@ -103141,6 +103209,23 @@ video {
103141103209
background-attachment: scroll;
103142103210
}
103143103211

103212+
.xl\:bg-clip-border {
103213+
background-clip: border-box;
103214+
}
103215+
103216+
.xl\:bg-clip-padding {
103217+
background-clip: padding-box;
103218+
}
103219+
103220+
.xl\:bg-clip-content {
103221+
background-clip: content-box;
103222+
}
103223+
103224+
.xl\:bg-clip-text {
103225+
background-clip: text;
103226+
-webkit-background-clip: text;
103227+
}
103228+
103144103229
.xl\:bg-transparent {
103145103230
background-color: transparent;
103146103231
}

‎__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: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1767,6 +1767,23 @@ 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+
-webkit-background-clip: text !important;
1785+
}
1786+
17701787
.bg-transparent {
17711788
background-color: transparent !important;
17721789
}
@@ -15813,6 +15830,23 @@ video {
1581315830
background-attachment: scroll !important;
1581415831
}
1581515832

15833+
.sm\:bg-clip-border {
15834+
background-clip: border-box !important;
15835+
}
15836+
15837+
.sm\:bg-clip-padding {
15838+
background-clip: padding-box !important;
15839+
}
15840+
15841+
.sm\:bg-clip-content {
15842+
background-clip: content-box !important;
15843+
}
15844+
15845+
.sm\:bg-clip-text {
15846+
background-clip: text !important;
15847+
-webkit-background-clip: text !important;
15848+
}
15849+
1581615850
.sm\:bg-transparent {
1581715851
background-color: transparent !important;
1581815852
}
@@ -29829,6 +29863,23 @@ video {
2982929863
background-attachment: scroll !important;
2983029864
}
2983129865

29866+
.md\:bg-clip-border {
29867+
background-clip: border-box !important;
29868+
}
29869+
29870+
.md\:bg-clip-padding {
29871+
background-clip: padding-box !important;
29872+
}
29873+
29874+
.md\:bg-clip-content {
29875+
background-clip: content-box !important;
29876+
}
29877+
29878+
.md\:bg-clip-text {
29879+
background-clip: text !important;
29880+
-webkit-background-clip: text !important;
29881+
}
29882+
2983229883
.md\:bg-transparent {
2983329884
background-color: transparent !important;
2983429885
}
@@ -43845,6 +43896,23 @@ video {
4384543896
background-attachment: scroll !important;
4384643897
}
4384743898

43899+
.lg\:bg-clip-border {
43900+
background-clip: border-box !important;
43901+
}
43902+
43903+
.lg\:bg-clip-padding {
43904+
background-clip: padding-box !important;
43905+
}
43906+
43907+
.lg\:bg-clip-content {
43908+
background-clip: content-box !important;
43909+
}
43910+
43911+
.lg\:bg-clip-text {
43912+
background-clip: text !important;
43913+
-webkit-background-clip: text !important;
43914+
}
43915+
4384843916
.lg\:bg-transparent {
4384943917
background-color: transparent !important;
4385043918
}
@@ -57861,6 +57929,23 @@ video {
5786157929
background-attachment: scroll !important;
5786257930
}
5786357931

57932+
.xl\:bg-clip-border {
57933+
background-clip: border-box !important;
57934+
}
57935+
57936+
.xl\:bg-clip-padding {
57937+
background-clip: padding-box !important;
57938+
}
57939+
57940+
.xl\:bg-clip-content {
57941+
background-clip: content-box !important;
57942+
}
57943+
57944+
.xl\:bg-clip-text {
57945+
background-clip: text !important;
57946+
-webkit-background-clip: text !important;
57947+
}
57948+
5786457949
.xl\:bg-transparent {
5786557950
background-color: transparent !important;
5786657951
}

0 commit comments

Comments
 (0)