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

Split flexDirection into its own plugin

Browse source
This commit is contained in:
Adam Wathan 2019-02-26 09:58:47 -05:00
parent 10106e2edc
commit ad4f7739bb
4 changed files with 24 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/plugins/flexDirection.js Normal file
View file

@ -0,0 +1,21 @@
export default function({ variants }) {
return function({ addUtilities }) {
addUtilities(
{
'.flex-row': {
'flex-direction': 'row',
},
'.flex-row-reverse': {
'flex-direction': 'row-reverse',
},
'.flex-col': {
'flex-direction': 'column',
},
'.flex-col-reverse': {
'flex-direction': 'column-reverse',
},
},
variants
)
}
}

12
src/plugins/flexbox.js
View file

@ -2,18 +2,6 @@ export default function({ variants }) {
return function({ addUtilities }) {
addUtilities(
{
'.flex-row': {
'flex-direction': 'row',
},
'.flex-row-reverse': {
'flex-direction': 'row-reverse',
},
'.flex-col': {
'flex-direction': 'column',
},
'.flex-col-reverse': {
'flex-direction': 'column-reverse',
},
'.flex-wrap': {
'flex-wrap': 'wrap',
},