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 gap-* utilities, remove default values for col-gap and row-gap

Browse Source
This commit is contained in:
Adam Wathan 2019-12-24 20:14:00 -05:00
parent 3e2c626409
commit a552eb185b
5 changed files with 771 additions and 1522 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

2
src/corePlugins.js
View File

@ -71,6 +71,7 @@ import transformOrigin from './plugins/transformOrigin'
import scale from './plugins/scale'
import rotate from './plugins/rotate'
import translate from './plugins/translate'
import gridGap from './plugins/gridGap'
import gridTemplateColumns from './plugins/gridTemplateColumns'
import gridColumnGap from './plugins/gridColumnGap'
import gridColumn from './plugins/gridColumn'
@ -154,6 +155,7 @@ export default function({ corePlugins: corePluginConfig }) {
wordBreak,
width,
zIndex,
gridGap,
gridTemplateColumns,
gridColumnGap,
gridColumn,

5
src/plugins/gridGap.js Normal file
View File

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

6
stubs/defaultConfig.stub.js
View File

@ -405,6 +405,7 @@ module.exports = {
'40': '40',
'50': '50',
},
gridGap: theme => theme('spacing'),
gridTemplateColumns: {
'1': 'repeat(1, 1fr)',
'2': 'repeat(2, 1fr)',
@ -419,7 +420,7 @@ module.exports = {
'11': 'repeat(11, 1fr)',
'12': 'repeat(12, 1fr)',
},
gridColumnGap: theme => theme('spacing'),
gridColumnGap: {},
gridColumn: {
'span-1': 'span 1 / span 1',
'span-2': 'span 2 / span 2',
@ -465,7 +466,7 @@ module.exports = {
'13': '13',
},
gridTemplateRows: {},
gridRowGap: theme => theme('spacing'),
gridRowGap: {},
gridRow: {},
gridRowStart: {},
gridRowEnd: {},
@ -577,6 +578,7 @@ module.exports = {
width: ['responsive'],
wordBreak: ['responsive'],
zIndex: ['responsive'],
gridGap: ['responsive'],
gridTemplateColumns: ['responsive'],
gridColumnGap: ['responsive'],
gridColumn: ['responsive'],