Add none/auto values for grid utilities

This commit is contained in:
Adam Wathan 2019-12-30 07:47:45 -05:00
parent 505d03811c
commit 2babe0cb23
3 changed files with 164 additions and 0 deletions

View File

@ -8509,6 +8509,14 @@ video {
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.grid-cols-none {
grid-template-columns: none !important;
}
.col-auto {
grid-column: auto !important;
}
.col-span-1 {
grid-column: span 1 / span 1 !important;
}
@ -8609,6 +8617,10 @@ video {
grid-column-start: 13 !important;
}
.col-start-auto {
grid-column-start: auto !important;
}
.col-end-1 {
grid-column-end: 1 !important;
}
@ -8661,6 +8673,10 @@ video {
grid-column-end: 13 !important;
}
.col-end-auto {
grid-column-end: auto !important;
}
.transform {
--transform-scale-x: 1 !important;
--transform-scale-y: 1 !important;
@ -18078,6 +18094,14 @@ video {
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.sm\:grid-cols-none {
grid-template-columns: none !important;
}
.sm\:col-auto {
grid-column: auto !important;
}
.sm\:col-span-1 {
grid-column: span 1 / span 1 !important;
}
@ -18178,6 +18202,10 @@ video {
grid-column-start: 13 !important;
}
.sm\:col-start-auto {
grid-column-start: auto !important;
}
.sm\:col-end-1 {
grid-column-end: 1 !important;
}
@ -18230,6 +18258,10 @@ video {
grid-column-end: 13 !important;
}
.sm\:col-end-auto {
grid-column-end: auto !important;
}
.sm\:transform {
--transform-scale-x: 1 !important;
--transform-scale-y: 1 !important;
@ -27648,6 +27680,14 @@ video {
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.md\:grid-cols-none {
grid-template-columns: none !important;
}
.md\:col-auto {
grid-column: auto !important;
}
.md\:col-span-1 {
grid-column: span 1 / span 1 !important;
}
@ -27748,6 +27788,10 @@ video {
grid-column-start: 13 !important;
}
.md\:col-start-auto {
grid-column-start: auto !important;
}
.md\:col-end-1 {
grid-column-end: 1 !important;
}
@ -27800,6 +27844,10 @@ video {
grid-column-end: 13 !important;
}
.md\:col-end-auto {
grid-column-end: auto !important;
}
.md\:transform {
--transform-scale-x: 1 !important;
--transform-scale-y: 1 !important;
@ -37218,6 +37266,14 @@ video {
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.lg\:grid-cols-none {
grid-template-columns: none !important;
}
.lg\:col-auto {
grid-column: auto !important;
}
.lg\:col-span-1 {
grid-column: span 1 / span 1 !important;
}
@ -37318,6 +37374,10 @@ video {
grid-column-start: 13 !important;
}
.lg\:col-start-auto {
grid-column-start: auto !important;
}
.lg\:col-end-1 {
grid-column-end: 1 !important;
}
@ -37370,6 +37430,10 @@ video {
grid-column-end: 13 !important;
}
.lg\:col-end-auto {
grid-column-end: auto !important;
}
.lg\:transform {
--transform-scale-x: 1 !important;
--transform-scale-y: 1 !important;
@ -46788,6 +46852,14 @@ video {
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.xl\:grid-cols-none {
grid-template-columns: none !important;
}
.xl\:col-auto {
grid-column: auto !important;
}
.xl\:col-span-1 {
grid-column: span 1 / span 1 !important;
}
@ -46888,6 +46960,10 @@ video {
grid-column-start: 13 !important;
}
.xl\:col-start-auto {
grid-column-start: auto !important;
}
.xl\:col-end-1 {
grid-column-end: 1 !important;
}
@ -46940,6 +47016,10 @@ video {
grid-column-end: 13 !important;
}
.xl\:col-end-auto {
grid-column-end: auto !important;
}
.xl\:transform {
--transform-scale-x: 1 !important;
--transform-scale-y: 1 !important;

View File

@ -8509,6 +8509,14 @@ video {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-none {
grid-template-columns: none;
}
.col-auto {
grid-column: auto;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
@ -8609,6 +8617,10 @@ video {
grid-column-start: 13;
}
.col-start-auto {
grid-column-start: auto;
}
.col-end-1 {
grid-column-end: 1;
}
@ -8661,6 +8673,10 @@ video {
grid-column-end: 13;
}
.col-end-auto {
grid-column-end: auto;
}
.transform {
--transform-scale-x: 1;
--transform-scale-y: 1;
@ -18078,6 +18094,14 @@ video {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.sm\:grid-cols-none {
grid-template-columns: none;
}
.sm\:col-auto {
grid-column: auto;
}
.sm\:col-span-1 {
grid-column: span 1 / span 1;
}
@ -18178,6 +18202,10 @@ video {
grid-column-start: 13;
}
.sm\:col-start-auto {
grid-column-start: auto;
}
.sm\:col-end-1 {
grid-column-end: 1;
}
@ -18230,6 +18258,10 @@ video {
grid-column-end: 13;
}
.sm\:col-end-auto {
grid-column-end: auto;
}
.sm\:transform {
--transform-scale-x: 1;
--transform-scale-y: 1;
@ -27648,6 +27680,14 @@ video {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.md\:grid-cols-none {
grid-template-columns: none;
}
.md\:col-auto {
grid-column: auto;
}
.md\:col-span-1 {
grid-column: span 1 / span 1;
}
@ -27748,6 +27788,10 @@ video {
grid-column-start: 13;
}
.md\:col-start-auto {
grid-column-start: auto;
}
.md\:col-end-1 {
grid-column-end: 1;
}
@ -27800,6 +27844,10 @@ video {
grid-column-end: 13;
}
.md\:col-end-auto {
grid-column-end: auto;
}
.md\:transform {
--transform-scale-x: 1;
--transform-scale-y: 1;
@ -37218,6 +37266,14 @@ video {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.lg\:grid-cols-none {
grid-template-columns: none;
}
.lg\:col-auto {
grid-column: auto;
}
.lg\:col-span-1 {
grid-column: span 1 / span 1;
}
@ -37318,6 +37374,10 @@ video {
grid-column-start: 13;
}
.lg\:col-start-auto {
grid-column-start: auto;
}
.lg\:col-end-1 {
grid-column-end: 1;
}
@ -37370,6 +37430,10 @@ video {
grid-column-end: 13;
}
.lg\:col-end-auto {
grid-column-end: auto;
}
.lg\:transform {
--transform-scale-x: 1;
--transform-scale-y: 1;
@ -46788,6 +46852,14 @@ video {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.xl\:grid-cols-none {
grid-template-columns: none;
}
.xl\:col-auto {
grid-column: auto;
}
.xl\:col-span-1 {
grid-column: span 1 / span 1;
}
@ -46888,6 +46960,10 @@ video {
grid-column-start: 13;
}
.xl\:col-start-auto {
grid-column-start: auto;
}
.xl\:col-end-1 {
grid-column-end: 1;
}
@ -46940,6 +47016,10 @@ video {
grid-column-end: 13;
}
.xl\:col-end-auto {
grid-column-end: auto;
}
.xl\:transform {
--transform-scale-x: 1;
--transform-scale-y: 1;

View File

@ -409,6 +409,7 @@ module.exports = {
rowGap: {},
columnGap: {},
gridTemplateColumns: {
none: 'none',
'1': 'repeat(1, minmax(0, 1fr))',
'2': 'repeat(2, minmax(0, 1fr))',
'3': 'repeat(3, minmax(0, 1fr))',
@ -423,6 +424,7 @@ module.exports = {
'12': 'repeat(12, minmax(0, 1fr))',
},
gridColumn: {
auto: 'auto',
'span-1': 'span 1 / span 1',
'span-2': 'span 2 / span 2',
'span-3': 'span 3 / span 3',
@ -437,6 +439,7 @@ module.exports = {
'span-12': 'span 12 / span 12',
},
gridColumnStart: {
auto: 'auto',
'1': '1',
'2': '2',
'3': '3',
@ -452,6 +455,7 @@ module.exports = {
'13': '13',
},
gridColumnEnd: {
auto: 'auto',
'1': '1',
'2': '2',
'3': '3',