archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

add col- and row- span-full utility (#2471)

Browse Source 
* add col- and row- span-full utility

add `col-span-full` and `row-span-full` per @flybayer in https://github.com/tailwindlabs/tailwindcss/discussions/2467#discussioncomment-87761

* fixtures

Co-authored-by: swyx <wanshawn@amazon.com>
This commit is contained in:
swyx 2020-10-05 00:28:53 +08:00 committed by Adam Wathan
parent d01636caff
commit 50fc4417bb
5 changed files with 170 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
__tests__/fixtures/tailwind-output-flagged.css
View File

@ -40026,6 +40026,10 @@ video {
grid-column: span 12 / span 12;
}
.col-span-full {
grid-column: 1 / -1;
}
.col-start-1 {
grid-column-start: 1;
}
@ -40194,6 +40198,10 @@ video {
grid-row: span 6 / span 6;
}
.row-span-full {
grid-row: 1 / -1;
}
.row-start-1 {
grid-row-start: 1;
}
@ -83613,6 +83621,10 @@ video {
grid-column: span 12 / span 12;
}
.sm\:col-span-full {
grid-column: 1 / -1;
}
.sm\:col-start-1 {
grid-column-start: 1;
}
@ -83781,6 +83793,10 @@ video {
grid-row: span 6 / span 6;
}
.sm\:row-span-full {
grid-row: 1 / -1;
}
.sm\:row-start-1 {
grid-row-start: 1;
}
@ -127170,6 +127186,10 @@ video {
grid-column: span 12 / span 12;
}
.md\:col-span-full {
grid-column: 1 / -1;
}
.md\:col-start-1 {
grid-column-start: 1;
}
@ -127338,6 +127358,10 @@ video {
grid-row: span 6 / span 6;
}
.md\:row-span-full {
grid-row: 1 / -1;
}
.md\:row-start-1 {
grid-row-start: 1;
}
@ -170727,6 +170751,10 @@ video {
grid-column: span 12 / span 12;
}
.lg\:col-span-full {
grid-column: 1 / -1;
}
.lg\:col-start-1 {
grid-column-start: 1;
}
@ -170895,6 +170923,10 @@ video {
grid-row: span 6 / span 6;
}
.lg\:row-span-full {
grid-row: 1 / -1;
}
.lg\:row-start-1 {
grid-row-start: 1;
}
@ -214284,6 +214316,10 @@ video {
grid-column: span 12 / span 12;
}
.xl\:col-span-full {
grid-column: 1 / -1;
}
.xl\:col-start-1 {
grid-column-start: 1;
}
@ -214452,6 +214488,10 @@ video {
grid-row: span 6 / span 6;
}
.xl\:row-span-full {
grid-row: 1 / -1;
}
.xl\:row-start-1 {
grid-row-start: 1;
}
@ -257841,6 +257881,10 @@ video {
grid-column: span 12 / span 12;
}
.\32xl\:col-span-full {
grid-column: 1 / -1;
}
.\32xl\:col-start-1 {
grid-column-start: 1;
}
@ -258009,6 +258053,10 @@ video {
grid-row: span 6 / span 6;
}
.\32xl\:row-span-full {
grid-row: 1 / -1;
}
.\32xl\:row-start-1 {
grid-row-start: 1;
}

40
__tests__/fixtures/tailwind-output-important.css
View File

@ -16726,6 +16726,10 @@ video {
grid-column: span 12 / span 12 !important;
}
.col-span-full {
grid-column: 1 / -1 !important;
}
.col-start-1 {
grid-column-start: 1 !important;
}
@ -16894,6 +16898,10 @@ video {
grid-row: span 6 / span 6 !important;
}
.row-span-full {
grid-row: 1 / -1 !important;
}
.row-start-1 {
grid-row-start: 1 !important;
}
@ -34949,6 +34957,10 @@ video {
grid-column: span 12 / span 12 !important;
}
.sm\:col-span-full {
grid-column: 1 / -1 !important;
}
.sm\:col-start-1 {
grid-column-start: 1 !important;
}
@ -35117,6 +35129,10 @@ video {
grid-row: span 6 / span 6 !important;
}
.sm\:row-span-full {
grid-row: 1 / -1 !important;
}
.sm\:row-start-1 {
grid-row-start: 1 !important;
}
@ -53142,6 +53158,10 @@ video {
grid-column: span 12 / span 12 !important;
}
.md\:col-span-full {
grid-column: 1 / -1 !important;
}
.md\:col-start-1 {
grid-column-start: 1 !important;
}
@ -53310,6 +53330,10 @@ video {
grid-row: span 6 / span 6 !important;
}
.md\:row-span-full {
grid-row: 1 / -1 !important;
}
.md\:row-start-1 {
grid-row-start: 1 !important;
}
@ -71335,6 +71359,10 @@ video {
grid-column: span 12 / span 12 !important;
}
.lg\:col-span-full {
grid-column: 1 / -1 !important;
}
.lg\:col-start-1 {
grid-column-start: 1 !important;
}
@ -71503,6 +71531,10 @@ video {
grid-row: span 6 / span 6 !important;
}
.lg\:row-span-full {
grid-row: 1 / -1 !important;
}
.lg\:row-start-1 {
grid-row-start: 1 !important;
}
@ -89528,6 +89560,10 @@ video {
grid-column: span 12 / span 12 !important;
}
.xl\:col-span-full {
grid-column: 1 / -1 !important;
}
.xl\:col-start-1 {
grid-column-start: 1 !important;
}
@ -89696,6 +89732,10 @@ video {
grid-row: span 6 / span 6 !important;
}
.xl\:row-span-full {
grid-row: 1 / -1 !important;
}
.xl\:row-start-1 {
grid-row-start: 1 !important;
}

40
__tests__/fixtures/tailwind-output-no-color-opacity.css
View File

@ -14278,6 +14278,10 @@ video {
grid-column: span 12 / span 12;
}
.col-span-full {
grid-column: 1 / -1;
}
.col-start-1 {
grid-column-start: 1;
}
@ -14446,6 +14450,10 @@ video {
grid-row: span 6 / span 6;
}
.row-span-full {
grid-row: 1 / -1;
}
.row-start-1 {
grid-row-start: 1;
}
@ -30053,6 +30061,10 @@ video {
grid-column: span 12 / span 12;
}
.sm\:col-span-full {
grid-column: 1 / -1;
}
.sm\:col-start-1 {
grid-column-start: 1;
}
@ -30221,6 +30233,10 @@ video {
grid-row: span 6 / span 6;
}
.sm\:row-span-full {
grid-row: 1 / -1;
}
.sm\:row-start-1 {
grid-row-start: 1;
}
@ -45798,6 +45814,10 @@ video {
grid-column: span 12 / span 12;
}
.md\:col-span-full {
grid-column: 1 / -1;
}
.md\:col-start-1 {
grid-column-start: 1;
}
@ -45966,6 +45986,10 @@ video {
grid-row: span 6 / span 6;
}
.md\:row-span-full {
grid-row: 1 / -1;
}
.md\:row-start-1 {
grid-row-start: 1;
}
@ -61543,6 +61567,10 @@ video {
grid-column: span 12 / span 12;
}
.lg\:col-span-full {
grid-column: 1 / -1;
}
.lg\:col-start-1 {
grid-column-start: 1;
}
@ -61711,6 +61739,10 @@ video {
grid-row: span 6 / span 6;
}
.lg\:row-span-full {
grid-row: 1 / -1;
}
.lg\:row-start-1 {
grid-row-start: 1;
}
@ -77288,6 +77320,10 @@ video {
grid-column: span 12 / span 12;
}
.xl\:col-span-full {
grid-column: 1 / -1;
}
.xl\:col-start-1 {
grid-column-start: 1;
}
@ -77456,6 +77492,10 @@ video {
grid-row: span 6 / span 6;
}
.xl\:row-span-full {
grid-row: 1 / -1;
}
.xl\:row-start-1 {
grid-row-start: 1;
}

40
__tests__/fixtures/tailwind-output.css
View File

@ -16726,6 +16726,10 @@ video {
grid-column: span 12 / span 12;
}
.col-span-full {
grid-column: 1 / -1;
}
.col-start-1 {
grid-column-start: 1;
}
@ -16894,6 +16898,10 @@ video {
grid-row: span 6 / span 6;
}
.row-span-full {
grid-row: 1 / -1;
}
.row-start-1 {
grid-row-start: 1;
}
@ -34949,6 +34957,10 @@ video {
grid-column: span 12 / span 12;
}
.sm\:col-span-full {
grid-column: 1 / -1;
}
.sm\:col-start-1 {
grid-column-start: 1;
}
@ -35117,6 +35129,10 @@ video {
grid-row: span 6 / span 6;
}
.sm\:row-span-full {
grid-row: 1 / -1;
}
.sm\:row-start-1 {
grid-row-start: 1;
}
@ -53142,6 +53158,10 @@ video {
grid-column: span 12 / span 12;
}
.md\:col-span-full {
grid-column: 1 / -1;
}
.md\:col-start-1 {
grid-column-start: 1;
}
@ -53310,6 +53330,10 @@ video {
grid-row: span 6 / span 6;
}
.md\:row-span-full {
grid-row: 1 / -1;
}
.md\:row-start-1 {
grid-row-start: 1;
}
@ -71335,6 +71359,10 @@ video {
grid-column: span 12 / span 12;
}
.lg\:col-span-full {
grid-column: 1 / -1;
}
.lg\:col-start-1 {
grid-column-start: 1;
}
@ -71503,6 +71531,10 @@ video {
grid-row: span 6 / span 6;
}
.lg\:row-span-full {
grid-row: 1 / -1;
}
.lg\:row-start-1 {
grid-row-start: 1;
}
@ -89528,6 +89560,10 @@ video {
grid-column: span 12 / span 12;
}
.xl\:col-span-full {
grid-column: 1 / -1;
}
.xl\:col-start-1 {
grid-column-start: 1;
}
@ -89696,6 +89732,10 @@ video {
grid-row: span 6 / span 6;
}
.xl\:row-span-full {
grid-row: 1 / -1;
}
.xl\:row-start-1 {
grid-row-start: 1;
}

2
stubs/defaultConfig.stub.js
View File

@ -480,6 +480,7 @@ module.exports = {
'span-10': 'span 10 / span 10',
'span-11': 'span 11 / span 11',
'span-12': 'span 12 / span 12',
'span-full': '1 / -1',
},
gridColumnStart: {
auto: 'auto',
@ -530,6 +531,7 @@ module.exports = {
'span-4': 'span 4 / span 4',
'span-5': 'span 5 / span 5',
'span-6': 'span 6 / span 6',
'span-full': '1 / -1',
},
gridRowStart: {
auto: 'auto',