Skip to content

Commit 8ced98c

Browse files
swyxioswyx
authored and
adamwathan
committed
add col- and row- span-full utility (#2471)
* add col- and row- span-full utility add `col-span-full` and `row-span-full` per @flybayer in #2467 (comment) * fixtures Co-authored-by: swyx <[email protected]>
1 parent 008e045 commit 8ced98c

5 files changed

+170
-0
lines changed

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

+48
Original file line numberDiff line numberDiff line change
@@ -40026,6 +40026,10 @@ video {
4002640026
grid-column: span 12 / span 12;
4002740027
}
4002840028

40029+
.col-span-full {
40030+
grid-column: 1 / -1;
40031+
}
40032+
4002940033
.col-start-1 {
4003040034
grid-column-start: 1;
4003140035
}
@@ -40194,6 +40198,10 @@ video {
4019440198
grid-row: span 6 / span 6;
4019540199
}
4019640200

40201+
.row-span-full {
40202+
grid-row: 1 / -1;
40203+
}
40204+
4019740205
.row-start-1 {
4019840206
grid-row-start: 1;
4019940207
}
@@ -83613,6 +83621,10 @@ video {
8361383621
grid-column: span 12 / span 12;
8361483622
}
8361583623

83624+
.sm\:col-span-full {
83625+
grid-column: 1 / -1;
83626+
}
83627+
8361683628
.sm\:col-start-1 {
8361783629
grid-column-start: 1;
8361883630
}
@@ -83781,6 +83793,10 @@ video {
8378183793
grid-row: span 6 / span 6;
8378283794
}
8378383795

83796+
.sm\:row-span-full {
83797+
grid-row: 1 / -1;
83798+
}
83799+
8378483800
.sm\:row-start-1 {
8378583801
grid-row-start: 1;
8378683802
}
@@ -127170,6 +127186,10 @@ video {
127170127186
grid-column: span 12 / span 12;
127171127187
}
127172127188

127189+
.md\:col-span-full {
127190+
grid-column: 1 / -1;
127191+
}
127192+
127173127193
.md\:col-start-1 {
127174127194
grid-column-start: 1;
127175127195
}
@@ -127338,6 +127358,10 @@ video {
127338127358
grid-row: span 6 / span 6;
127339127359
}
127340127360

127361+
.md\:row-span-full {
127362+
grid-row: 1 / -1;
127363+
}
127364+
127341127365
.md\:row-start-1 {
127342127366
grid-row-start: 1;
127343127367
}
@@ -170727,6 +170751,10 @@ video {
170727170751
grid-column: span 12 / span 12;
170728170752
}
170729170753

170754+
.lg\:col-span-full {
170755+
grid-column: 1 / -1;
170756+
}
170757+
170730170758
.lg\:col-start-1 {
170731170759
grid-column-start: 1;
170732170760
}
@@ -170895,6 +170923,10 @@ video {
170895170923
grid-row: span 6 / span 6;
170896170924
}
170897170925

170926+
.lg\:row-span-full {
170927+
grid-row: 1 / -1;
170928+
}
170929+
170898170930
.lg\:row-start-1 {
170899170931
grid-row-start: 1;
170900170932
}
@@ -214284,6 +214316,10 @@ video {
214284214316
grid-column: span 12 / span 12;
214285214317
}
214286214318

214319+
.xl\:col-span-full {
214320+
grid-column: 1 / -1;
214321+
}
214322+
214287214323
.xl\:col-start-1 {
214288214324
grid-column-start: 1;
214289214325
}
@@ -214452,6 +214488,10 @@ video {
214452214488
grid-row: span 6 / span 6;
214453214489
}
214454214490

214491+
.xl\:row-span-full {
214492+
grid-row: 1 / -1;
214493+
}
214494+
214455214495
.xl\:row-start-1 {
214456214496
grid-row-start: 1;
214457214497
}
@@ -257841,6 +257881,10 @@ video {
257841257881
grid-column: span 12 / span 12;
257842257882
}
257843257883

257884+
.\32xl\:col-span-full {
257885+
grid-column: 1 / -1;
257886+
}
257887+
257844257888
.\32xl\:col-start-1 {
257845257889
grid-column-start: 1;
257846257890
}
@@ -258009,6 +258053,10 @@ video {
258009258053
grid-row: span 6 / span 6;
258010258054
}
258011258055

258056+
.\32xl\:row-span-full {
258057+
grid-row: 1 / -1;
258058+
}
258059+
258012258060
.\32xl\:row-start-1 {
258013258061
grid-row-start: 1;
258014258062
}

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

+40
Original file line numberDiff line numberDiff line change
@@ -16726,6 +16726,10 @@ video {
1672616726
grid-column: span 12 / span 12 !important;
1672716727
}
1672816728

16729+
.col-span-full {
16730+
grid-column: 1 / -1 !important;
16731+
}
16732+
1672916733
.col-start-1 {
1673016734
grid-column-start: 1 !important;
1673116735
}
@@ -16894,6 +16898,10 @@ video {
1689416898
grid-row: span 6 / span 6 !important;
1689516899
}
1689616900

16901+
.row-span-full {
16902+
grid-row: 1 / -1 !important;
16903+
}
16904+
1689716905
.row-start-1 {
1689816906
grid-row-start: 1 !important;
1689916907
}
@@ -34949,6 +34957,10 @@ video {
3494934957
grid-column: span 12 / span 12 !important;
3495034958
}
3495134959

34960+
.sm\:col-span-full {
34961+
grid-column: 1 / -1 !important;
34962+
}
34963+
3495234964
.sm\:col-start-1 {
3495334965
grid-column-start: 1 !important;
3495434966
}
@@ -35117,6 +35129,10 @@ video {
3511735129
grid-row: span 6 / span 6 !important;
3511835130
}
3511935131

35132+
.sm\:row-span-full {
35133+
grid-row: 1 / -1 !important;
35134+
}
35135+
3512035136
.sm\:row-start-1 {
3512135137
grid-row-start: 1 !important;
3512235138
}
@@ -53142,6 +53158,10 @@ video {
5314253158
grid-column: span 12 / span 12 !important;
5314353159
}
5314453160

53161+
.md\:col-span-full {
53162+
grid-column: 1 / -1 !important;
53163+
}
53164+
5314553165
.md\:col-start-1 {
5314653166
grid-column-start: 1 !important;
5314753167
}
@@ -53310,6 +53330,10 @@ video {
5331053330
grid-row: span 6 / span 6 !important;
5331153331
}
5331253332

53333+
.md\:row-span-full {
53334+
grid-row: 1 / -1 !important;
53335+
}
53336+
5331353337
.md\:row-start-1 {
5331453338
grid-row-start: 1 !important;
5331553339
}
@@ -71335,6 +71359,10 @@ video {
7133571359
grid-column: span 12 / span 12 !important;
7133671360
}
7133771361

71362+
.lg\:col-span-full {
71363+
grid-column: 1 / -1 !important;
71364+
}
71365+
7133871366
.lg\:col-start-1 {
7133971367
grid-column-start: 1 !important;
7134071368
}
@@ -71503,6 +71531,10 @@ video {
7150371531
grid-row: span 6 / span 6 !important;
7150471532
}
7150571533

71534+
.lg\:row-span-full {
71535+
grid-row: 1 / -1 !important;
71536+
}
71537+
7150671538
.lg\:row-start-1 {
7150771539
grid-row-start: 1 !important;
7150871540
}
@@ -89528,6 +89560,10 @@ video {
8952889560
grid-column: span 12 / span 12 !important;
8952989561
}
8953089562

89563+
.xl\:col-span-full {
89564+
grid-column: 1 / -1 !important;
89565+
}
89566+
8953189567
.xl\:col-start-1 {
8953289568
grid-column-start: 1 !important;
8953389569
}
@@ -89696,6 +89732,10 @@ video {
8969689732
grid-row: span 6 / span 6 !important;
8969789733
}
8969889734

89735+
.xl\:row-span-full {
89736+
grid-row: 1 / -1 !important;
89737+
}
89738+
8969989739
.xl\:row-start-1 {
8970089740
grid-row-start: 1 !important;
8970189741
}

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

+40
Original file line numberDiff line numberDiff line change
@@ -14278,6 +14278,10 @@ video {
1427814278
grid-column: span 12 / span 12;
1427914279
}
1428014280

14281+
.col-span-full {
14282+
grid-column: 1 / -1;
14283+
}
14284+
1428114285
.col-start-1 {
1428214286
grid-column-start: 1;
1428314287
}
@@ -14446,6 +14450,10 @@ video {
1444614450
grid-row: span 6 / span 6;
1444714451
}
1444814452

14453+
.row-span-full {
14454+
grid-row: 1 / -1;
14455+
}
14456+
1444914457
.row-start-1 {
1445014458
grid-row-start: 1;
1445114459
}
@@ -30053,6 +30061,10 @@ video {
3005330061
grid-column: span 12 / span 12;
3005430062
}
3005530063

30064+
.sm\:col-span-full {
30065+
grid-column: 1 / -1;
30066+
}
30067+
3005630068
.sm\:col-start-1 {
3005730069
grid-column-start: 1;
3005830070
}
@@ -30221,6 +30233,10 @@ video {
3022130233
grid-row: span 6 / span 6;
3022230234
}
3022330235

30236+
.sm\:row-span-full {
30237+
grid-row: 1 / -1;
30238+
}
30239+
3022430240
.sm\:row-start-1 {
3022530241
grid-row-start: 1;
3022630242
}
@@ -45798,6 +45814,10 @@ video {
4579845814
grid-column: span 12 / span 12;
4579945815
}
4580045816

45817+
.md\:col-span-full {
45818+
grid-column: 1 / -1;
45819+
}
45820+
4580145821
.md\:col-start-1 {
4580245822
grid-column-start: 1;
4580345823
}
@@ -45966,6 +45986,10 @@ video {
4596645986
grid-row: span 6 / span 6;
4596745987
}
4596845988

45989+
.md\:row-span-full {
45990+
grid-row: 1 / -1;
45991+
}
45992+
4596945993
.md\:row-start-1 {
4597045994
grid-row-start: 1;
4597145995
}
@@ -61543,6 +61567,10 @@ video {
6154361567
grid-column: span 12 / span 12;
6154461568
}
6154561569

61570+
.lg\:col-span-full {
61571+
grid-column: 1 / -1;
61572+
}
61573+
6154661574
.lg\:col-start-1 {
6154761575
grid-column-start: 1;
6154861576
}
@@ -61711,6 +61739,10 @@ video {
6171161739
grid-row: span 6 / span 6;
6171261740
}
6171361741

61742+
.lg\:row-span-full {
61743+
grid-row: 1 / -1;
61744+
}
61745+
6171461746
.lg\:row-start-1 {
6171561747
grid-row-start: 1;
6171661748
}
@@ -77288,6 +77320,10 @@ video {
7728877320
grid-column: span 12 / span 12;
7728977321
}
7729077322

77323+
.xl\:col-span-full {
77324+
grid-column: 1 / -1;
77325+
}
77326+
7729177327
.xl\:col-start-1 {
7729277328
grid-column-start: 1;
7729377329
}
@@ -77456,6 +77492,10 @@ video {
7745677492
grid-row: span 6 / span 6;
7745777493
}
7745877494

77495+
.xl\:row-span-full {
77496+
grid-row: 1 / -1;
77497+
}
77498+
7745977499
.xl\:row-start-1 {
7746077500
grid-row-start: 1;
7746177501
}

0 commit comments

Comments
 (0)