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

Split alignItems into separate plugin

Browse source
This commit is contained in:
Adam Wathan 2019-02-26 10:09:06 -05:00
parent 7f1c7f578e
commit 435a7f97de
4 changed files with 27 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/plugins/alignItems.js Normal file
View file

@ -0,0 +1,24 @@
export default function({ variants }) {
return function({ addUtilities }) {
addUtilities(
{
'.items-start': {
'align-items': 'flex-start',
},
'.items-end': {
'align-items': 'flex-end',
},
'.items-center': {
'align-items': 'center',
},
'.items-baseline': {
'align-items': 'baseline',
},
'.items-stretch': {
'align-items': 'stretch',
},
},
variants
)
}
}

15
src/plugins/flexbox.js
View file

@ -2,21 +2,6 @@ export default function({ variants }) {
return function({ addUtilities }) {
addUtilities(
{
'.items-start': {
'align-items': 'flex-start',
},
'.items-end': {
'align-items': 'flex-end',
},
'.items-center': {
'align-items': 'center',
},
'.items-baseline': {
'align-items': 'baseline',
},
'.items-stretch': {
'align-items': 'stretch',
},
'.self-auto': {
'align-self': 'auto',
},