Skip to content

Commit 01f8070

Browse files
David Luhradamwathan
David Luhr
authored and
adamwathan
committed
Add background-origin utilities (#4117)
* Add background-origin utilities * Update fixtures * Update basic usage test * Change sort order for background origin * Move background origin after other background properties
1 parent f32884c commit 01f8070

12 files changed

+319
-4
lines changed

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

Lines changed: 73 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*! tailwindcss v2.1.0 | MIT License | https://tailwindcss.com */
1+
/*! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com */
22

33
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
44

@@ -7862,6 +7862,18 @@ video {
78627862
background-size: contain;
78637863
}
78647864

7865+
.bg-origin-border {
7866+
background-origin: border-box;
7867+
}
7868+
7869+
.bg-origin-padding {
7870+
background-origin: padding-box;
7871+
}
7872+
7873+
.bg-origin-content {
7874+
background-origin: content-box;
7875+
}
7876+
78657877
.border-collapse {
78667878
border-collapse: collapse;
78677879
}
@@ -37108,6 +37120,18 @@ video {
3710837120
background-size: contain;
3710937121
}
3711037122

37123+
.sm\:bg-origin-border {
37124+
background-origin: border-box;
37125+
}
37126+
37127+
.sm\:bg-origin-padding {
37128+
background-origin: padding-box;
37129+
}
37130+
37131+
.sm\:bg-origin-content {
37132+
background-origin: content-box;
37133+
}
37134+
3711137135
.sm\:border-collapse {
3711237136
border-collapse: collapse;
3711337137
}
@@ -66219,6 +66243,18 @@ video {
6621966243
background-size: contain;
6622066244
}
6622166245

66246+
.md\:bg-origin-border {
66247+
background-origin: border-box;
66248+
}
66249+
66250+
.md\:bg-origin-padding {
66251+
background-origin: padding-box;
66252+
}
66253+
66254+
.md\:bg-origin-content {
66255+
background-origin: content-box;
66256+
}
66257+
6622266258
.md\:border-collapse {
6622366259
border-collapse: collapse;
6622466260
}
@@ -95330,6 +95366,18 @@ video {
9533095366
background-size: contain;
9533195367
}
9533295368

95369+
.lg\:bg-origin-border {
95370+
background-origin: border-box;
95371+
}
95372+
95373+
.lg\:bg-origin-padding {
95374+
background-origin: padding-box;
95375+
}
95376+
95377+
.lg\:bg-origin-content {
95378+
background-origin: content-box;
95379+
}
95380+
9533395381
.lg\:border-collapse {
9533495382
border-collapse: collapse;
9533595383
}
@@ -124441,6 +124489,18 @@ video {
124441124489
background-size: contain;
124442124490
}
124443124491

124492+
.xl\:bg-origin-border {
124493+
background-origin: border-box;
124494+
}
124495+
124496+
.xl\:bg-origin-padding {
124497+
background-origin: padding-box;
124498+
}
124499+
124500+
.xl\:bg-origin-content {
124501+
background-origin: content-box;
124502+
}
124503+
124444124504
.xl\:border-collapse {
124445124505
border-collapse: collapse;
124446124506
}
@@ -153552,6 +153612,18 @@ video {
153552153612
background-size: contain;
153553153613
}
153554153614

153615+
.\32xl\:bg-origin-border {
153616+
background-origin: border-box;
153617+
}
153618+
153619+
.\32xl\:bg-origin-padding {
153620+
background-origin: padding-box;
153621+
}
153622+
153623+
.\32xl\:bg-origin-content {
153624+
background-origin: content-box;
153625+
}
153626+
153555153627
.\32xl\:border-collapse {
153556153628
border-collapse: collapse;
153557153629
}

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

Lines changed: 73 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*! tailwindcss v2.1.0 | MIT License | https://tailwindcss.com */
1+
/*! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com */
22

33
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
44

@@ -7862,6 +7862,18 @@ video {
78627862
background-size: contain !important;
78637863
}
78647864

7865+
.bg-origin-border {
7866+
background-origin: border-box !important;
7867+
}
7868+
7869+
.bg-origin-padding {
7870+
background-origin: padding-box !important;
7871+
}
7872+
7873+
.bg-origin-content {
7874+
background-origin: content-box !important;
7875+
}
7876+
78657877
.border-collapse {
78667878
border-collapse: collapse !important;
78677879
}
@@ -37108,6 +37120,18 @@ video {
3710837120
background-size: contain !important;
3710937121
}
3711037122

37123+
.sm\:bg-origin-border {
37124+
background-origin: border-box !important;
37125+
}
37126+
37127+
.sm\:bg-origin-padding {
37128+
background-origin: padding-box !important;
37129+
}
37130+
37131+
.sm\:bg-origin-content {
37132+
background-origin: content-box !important;
37133+
}
37134+
3711137135
.sm\:border-collapse {
3711237136
border-collapse: collapse !important;
3711337137
}
@@ -66219,6 +66243,18 @@ video {
6621966243
background-size: contain !important;
6622066244
}
6622166245

66246+
.md\:bg-origin-border {
66247+
background-origin: border-box !important;
66248+
}
66249+
66250+
.md\:bg-origin-padding {
66251+
background-origin: padding-box !important;
66252+
}
66253+
66254+
.md\:bg-origin-content {
66255+
background-origin: content-box !important;
66256+
}
66257+
6622266258
.md\:border-collapse {
6622366259
border-collapse: collapse !important;
6622466260
}
@@ -95330,6 +95366,18 @@ video {
9533095366
background-size: contain !important;
9533195367
}
9533295368

95369+
.lg\:bg-origin-border {
95370+
background-origin: border-box !important;
95371+
}
95372+
95373+
.lg\:bg-origin-padding {
95374+
background-origin: padding-box !important;
95375+
}
95376+
95377+
.lg\:bg-origin-content {
95378+
background-origin: content-box !important;
95379+
}
95380+
9533395381
.lg\:border-collapse {
9533495382
border-collapse: collapse !important;
9533595383
}
@@ -124441,6 +124489,18 @@ video {
124441124489
background-size: contain !important;
124442124490
}
124443124491

124492+
.xl\:bg-origin-border {
124493+
background-origin: border-box !important;
124494+
}
124495+
124496+
.xl\:bg-origin-padding {
124497+
background-origin: padding-box !important;
124498+
}
124499+
124500+
.xl\:bg-origin-content {
124501+
background-origin: content-box !important;
124502+
}
124503+
124444124504
.xl\:border-collapse {
124445124505
border-collapse: collapse !important;
124446124506
}
@@ -153552,6 +153612,18 @@ video {
153552153612
background-size: contain !important;
153553153613
}
153554153614

153615+
.\32xl\:bg-origin-border {
153616+
background-origin: border-box !important;
153617+
}
153618+
153619+
.\32xl\:bg-origin-padding {
153620+
background-origin: padding-box !important;
153621+
}
153622+
153623+
.\32xl\:bg-origin-content {
153624+
background-origin: content-box !important;
153625+
}
153626+
153555153627
.\32xl\:border-collapse {
153556153628
border-collapse: collapse !important;
153557153629
}

‎__tests__/fixtures/tailwind-output-no-color-opacity.css

Lines changed: 73 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*! tailwindcss v2.1.0 | MIT License | https://tailwindcss.com */
1+
/*! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com */
22

33
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
44

@@ -7010,6 +7010,18 @@ video {
70107010
background-size: contain;
70117011
}
70127012

7013+
.bg-origin-border {
7014+
background-origin: border-box;
7015+
}
7016+
7017+
.bg-origin-padding {
7018+
background-origin: padding-box;
7019+
}
7020+
7021+
.bg-origin-content {
7022+
background-origin: content-box;
7023+
}
7024+
70137025
.border-collapse {
70147026
border-collapse: collapse;
70157027
}
@@ -33700,6 +33712,18 @@ video {
3370033712
background-size: contain;
3370133713
}
3370233714

33715+
.sm\:bg-origin-border {
33716+
background-origin: border-box;
33717+
}
33718+
33719+
.sm\:bg-origin-padding {
33720+
background-origin: padding-box;
33721+
}
33722+
33723+
.sm\:bg-origin-content {
33724+
background-origin: content-box;
33725+
}
33726+
3370333727
.sm\:border-collapse {
3370433728
border-collapse: collapse;
3370533729
}
@@ -60255,6 +60279,18 @@ video {
6025560279
background-size: contain;
6025660280
}
6025760281

60282+
.md\:bg-origin-border {
60283+
background-origin: border-box;
60284+
}
60285+
60286+
.md\:bg-origin-padding {
60287+
background-origin: padding-box;
60288+
}
60289+
60290+
.md\:bg-origin-content {
60291+
background-origin: content-box;
60292+
}
60293+
6025860294
.md\:border-collapse {
6025960295
border-collapse: collapse;
6026060296
}
@@ -86810,6 +86846,18 @@ video {
8681086846
background-size: contain;
8681186847
}
8681286848

86849+
.lg\:bg-origin-border {
86850+
background-origin: border-box;
86851+
}
86852+
86853+
.lg\:bg-origin-padding {
86854+
background-origin: padding-box;
86855+
}
86856+
86857+
.lg\:bg-origin-content {
86858+
background-origin: content-box;
86859+
}
86860+
8681386861
.lg\:border-collapse {
8681486862
border-collapse: collapse;
8681586863
}
@@ -113365,6 +113413,18 @@ video {
113365113413
background-size: contain;
113366113414
}
113367113415

113416+
.xl\:bg-origin-border {
113417+
background-origin: border-box;
113418+
}
113419+
113420+
.xl\:bg-origin-padding {
113421+
background-origin: padding-box;
113422+
}
113423+
113424+
.xl\:bg-origin-content {
113425+
background-origin: content-box;
113426+
}
113427+
113368113428
.xl\:border-collapse {
113369113429
border-collapse: collapse;
113370113430
}
@@ -139920,6 +139980,18 @@ video {
139920139980
background-size: contain;
139921139981
}
139922139982

139983+
.\32xl\:bg-origin-border {
139984+
background-origin: border-box;
139985+
}
139986+
139987+
.\32xl\:bg-origin-padding {
139988+
background-origin: padding-box;
139989+
}
139990+
139991+
.\32xl\:bg-origin-content {
139992+
background-origin: content-box;
139993+
}
139994+
139923139995
.\32xl\:border-collapse {
139924139996
border-collapse: collapse;
139925139997
}

0 commit comments

Comments
 (0)