diff --git a/stubs/config.full.js b/stubs/config.full.js index 4bb1e89bbe0c..0ea7df9ba8d4 100644 --- a/stubs/config.full.js +++ b/stubs/config.full.js @@ -444,6 +444,12 @@ module.exports = { 'span-4': 'span 4 / span 4', 'span-5': 'span 5 / span 5', 'span-6': 'span 6 / span 6', + 'span-7': 'span 7 / span 7', + 'span-8': 'span 8 / span 8', + 'span-9': 'span 9 / span 9', + 'span-10': 'span 10 / span 10', + 'span-11': 'span 11 / span 11', + 'span-12': 'span 12 / span 12', 'span-full': '1 / -1', }, gridRowEnd: { @@ -455,6 +461,12 @@ module.exports = { 5: '5', 6: '6', 7: '7', + 8: '8', + 9: '9', + 10: '10', + 11: '11', + 12: '12', + 13: '13', }, gridRowStart: { auto: 'auto', @@ -465,6 +477,12 @@ module.exports = { 5: '5', 6: '6', 7: '7', + 8: '8', + 9: '9', + 10: '10', + 11: '11', + 12: '12', + 13: '13', }, gridTemplateColumns: { none: 'none', @@ -489,6 +507,12 @@ module.exports = { 4: 'repeat(4, minmax(0, 1fr))', 5: 'repeat(5, minmax(0, 1fr))', 6: 'repeat(6, minmax(0, 1fr))', + 7: 'repeat(7, minmax(0, 1fr))', + 8: 'repeat(8, minmax(0, 1fr))', + 9: 'repeat(9, minmax(0, 1fr))', + 10: 'repeat(10, minmax(0, 1fr))', + 11: 'repeat(11, minmax(0, 1fr))', + 12: 'repeat(12, minmax(0, 1fr))', }, height: ({ theme }) => ({ auto: 'auto', diff --git a/tests/plugins/__snapshots__/gridRow.test.js.snap b/tests/plugins/__snapshots__/gridRow.test.js.snap index 64d6c56daef3..c4db06410fa3 100644 --- a/tests/plugins/__snapshots__/gridRow.test.js.snap +++ b/tests/plugins/__snapshots__/gridRow.test.js.snap @@ -18,6 +18,18 @@ exports[`should test the 'gridRow' plugin 1`] = ` grid-row: span 1 / span 1; } +.row-span-10 { + grid-row: span 10 / span 10; +} + +.row-span-11 { + grid-row: span 11 / span 11; +} + +.row-span-12 { + grid-row: span 12 / span 12; +} + .row-span-2 { grid-row: span 2 / span 2; } @@ -38,6 +50,18 @@ exports[`should test the 'gridRow' plugin 1`] = ` grid-row: span 6 / span 6; } +.row-span-7 { + grid-row: span 7 / span 7; +} + +.row-span-8 { + grid-row: span 8 / span 8; +} + +.row-span-9 { + grid-row: span 9 / span 9; +} + .row-span-full { grid-row: 1 / -1; } diff --git a/tests/plugins/__snapshots__/gridRowEnd.test.js.snap b/tests/plugins/__snapshots__/gridRowEnd.test.js.snap index 3b367fc8ec7d..b1bd3f885983 100644 --- a/tests/plugins/__snapshots__/gridRowEnd.test.js.snap +++ b/tests/plugins/__snapshots__/gridRowEnd.test.js.snap @@ -6,6 +6,22 @@ exports[`should test the 'gridRowEnd' plugin 1`] = ` grid-row-end: 1; } +.row-end-10 { + grid-row-end: 10; +} + +.row-end-11 { + grid-row-end: 11; +} + +.row-end-12 { + grid-row-end: 12; +} + +.row-end-13 { + grid-row-end: 13; +} + .row-end-2 { grid-row-end: 2; } @@ -30,6 +46,14 @@ exports[`should test the 'gridRowEnd' plugin 1`] = ` grid-row-end: 7; } +.row-end-8 { + grid-row-end: 8; +} + +.row-end-9 { + grid-row-end: 9; +} + .row-end-\\[123\\] { grid-row-end: 123; } diff --git a/tests/plugins/__snapshots__/gridRowStart.test.js.snap b/tests/plugins/__snapshots__/gridRowStart.test.js.snap index 635ab05788b0..c84bff0f0bf7 100644 --- a/tests/plugins/__snapshots__/gridRowStart.test.js.snap +++ b/tests/plugins/__snapshots__/gridRowStart.test.js.snap @@ -6,6 +6,22 @@ exports[`should test the 'gridRowStart' plugin 1`] = ` grid-row-start: 1; } +.row-start-10 { + grid-row-start: 10; +} + +.row-start-11 { + grid-row-start: 11; +} + +.row-start-12 { + grid-row-start: 12; +} + +.row-start-13 { + grid-row-start: 13; +} + .row-start-2 { grid-row-start: 2; } @@ -30,6 +46,14 @@ exports[`should test the 'gridRowStart' plugin 1`] = ` grid-row-start: 7; } +.row-start-8 { + grid-row-start: 8; +} + +.row-start-9 { + grid-row-start: 9; +} + .row-start-\\[123\\] { grid-row-start: 123; } diff --git a/tests/plugins/__snapshots__/gridTemplateRows.test.js.snap b/tests/plugins/__snapshots__/gridTemplateRows.test.js.snap index c1773fa997c6..785e22dda300 100644 --- a/tests/plugins/__snapshots__/gridTemplateRows.test.js.snap +++ b/tests/plugins/__snapshots__/gridTemplateRows.test.js.snap @@ -6,6 +6,18 @@ exports[`should test the 'gridTemplateRows' plugin 1`] = ` grid-template-rows: repeat(1, minmax(0, 1fr)); } +.grid-rows-10 { + grid-template-rows: repeat(10, minmax(0, 1fr)); +} + +.grid-rows-11 { + grid-template-rows: repeat(11, minmax(0, 1fr)); +} + +.grid-rows-12 { + grid-template-rows: repeat(12, minmax(0, 1fr)); +} + .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } @@ -26,6 +38,18 @@ exports[`should test the 'gridTemplateRows' plugin 1`] = ` grid-template-rows: repeat(6, minmax(0, 1fr)); } +.grid-rows-7 { + grid-template-rows: repeat(7, minmax(0, 1fr)); +} + +.grid-rows-8 { + grid-template-rows: repeat(8, minmax(0, 1fr)); +} + +.grid-rows-9 { + grid-template-rows: repeat(9, minmax(0, 1fr)); +} + .grid-rows-\\[12\\] { grid-template-rows: 12px; }