wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Rename gap plugins to remove grid prefix, manually include old property names

Browse source
This commit is contained in:
Adam Wathan 2019-12-25 13:16:04 -05:00
parent d075773c67
commit d33fbc4895
4 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/plugins/gridRowGap.js → src/plugins/columnGap.js
View file

@ -1,5 +1,5 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
return createUtilityPlugin('gridRowGap', [['row-gap', ['gridRowGap']]])
return createUtilityPlugin('columnGap', [['col-gap', ['gridColumnGap', 'columnGap']]])
}

2
src/plugins/gridGap.js → src/plugins/gap.js
View file

@ -1,5 +1,5 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
return createUtilityPlugin('gridGap', [['gap', ['gridGap']]])
return createUtilityPlugin('gap', [['gap', ['gridGap', 'gap']]])
}

2
src/plugins/gridColumnGap.js → src/plugins/rowGap.js
View file

@ -1,5 +1,5 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
return createUtilityPlugin('gridColumnGap', [['col-gap', ['gridColumnGap']]])
return createUtilityPlugin('rowGap', [['row-gap', ['gridRowGap', 'rowGap']]])
}

12
stubs/defaultConfig.stub.js
View file

@ -405,7 +405,9 @@ module.exports = {
'40': '40',
'50': '50',
},
gridGap: theme => theme('spacing'),
gap: theme => theme('spacing'),
rowGap: {},
columnGap: {},
gridTemplateColumns: {
'1': 'repeat(1, minmax(0, 1fr))',
'2': 'repeat(2, minmax(0, 1fr))',
@ -420,7 +422,6 @@ module.exports = {
'11': 'repeat(11, minmax(0, 1fr))',
'12': 'repeat(12, minmax(0, 1fr))',
},
gridColumnGap: {},
gridColumn: {
'span-1': 'span 1 / span 1',
'span-2': 'span 2 / span 2',
@ -466,7 +467,6 @@ module.exports = {
'13': '13',
},
gridTemplateRows: {},
gridRowGap: {},
gridRow: {},
gridRowStart: {},
gridRowEnd: {},
@ -578,14 +578,14 @@ module.exports = {
width: ['responsive'],
wordBreak: ['responsive'],
zIndex: ['responsive'],
gridGap: ['responsive'],
gap: ['responsive'],
columnGap: ['responsive'],
rowGap: ['responsive'],
gridTemplateColumns: ['responsive'],
gridColumnGap: ['responsive'],
gridColumn: ['responsive'],
gridColumnStart: ['responsive'],
gridColumnEnd: ['responsive'],
gridTemplateRows: ['responsive'],
gridRowGap: ['responsive'],
gridRow: ['responsive'],
gridRowStart: ['responsive'],
gridRowEnd: ['responsive'],