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

Add grid-auto-flow utilities

Browse source
This commit is contained in:
Adam Wathan 2019-12-30 08:23:12 -05:00
parent 2babe0cb23
commit a14e53ef7d
5 changed files with 176 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/corePlugins.js
View file

@ -74,6 +74,7 @@ import translate from './plugins/translate'
import gap from './plugins/gap'
import columnGap from './plugins/columnGap'
import rowGap from './plugins/rowGap'
import gridAutoFlow from './plugins/gridAutoFlow'
import gridTemplateColumns from './plugins/gridTemplateColumns'
import gridColumn from './plugins/gridColumn'
import gridColumnStart from './plugins/gridColumnStart'
@ -158,6 +159,7 @@ export default function({ corePlugins: corePluginConfig }) {
gap,
columnGap,
rowGap,
gridAutoFlow,
gridTemplateColumns,
gridColumn,
gridColumnStart,

13
src/plugins/gridAutoFlow.js Normal file
View file

@ -0,0 +1,13 @@
export default function() {
return function({ addUtilities, variants }) {
addUtilities(
{
'.grid-flow-row': { gridAutoFlow: 'row' },
'.grid-flow-col': { gridAutoFlow: 'column' },
'.grid-flow-row-dense': { gridAutoFlow: 'row dense' },
'.grid-flow-col-dense': { gridAutoFlow: 'column dense' },
},
variants('gridAutoFlow')
)
}
}