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

Port verticalAlign module to plugin

Browse Source
This commit is contained in:
Adam Wathan 2019-01-09 13:04:44 -05:00
parent 239234b7b9
commit 718389ccd8
4 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/defaultPlugins.js
View File

@ -1,9 +1,11 @@
import verticalAlign from './plugins/verticalAlign'
import visibility from './plugins/visibility'
import whitespace from './plugins/whitespace'
import width from './plugins/width'
import zIndex from './plugins/zIndex'
export default [
verticalAlign(),
visibility(),
whitespace(),
width(),

12
src/generators/verticalAlign.js
View File

@ -1,12 +0,0 @@
import defineClasses from '../util/defineClasses'
export default function() {
return defineClasses({
'align-baseline': { 'vertical-align': 'baseline' },
'align-top': { 'vertical-align': 'top' },
'align-middle': { 'vertical-align': 'middle' },
'align-bottom': { 'vertical-align': 'bottom' },
'align-text-top': { 'vertical-align': 'text-top' },
'align-text-bottom': { 'vertical-align': 'text-bottom' },
})
}

12
src/plugins/verticalAlign.js Normal file
View File

@ -0,0 +1,12 @@
export default function () {
return function ({ addUtilities, config }) {
addUtilities({
'.align-baseline': { 'vertical-align': 'baseline' },
'.align-top': { 'vertical-align': 'top' },
'.align-middle': { 'vertical-align': 'middle' },
'.align-bottom': { 'vertical-align': 'bottom' },
'.align-text-top': { 'vertical-align': 'text-top' },
'.align-text-bottom': { 'vertical-align': 'text-bottom' },
}, config('modules.verticalAlign'))
}
}

2
src/utilityModules.js
View File

@ -43,7 +43,6 @@ import textSizes from './generators/textSizes'
import textStyle from './generators/textStyle'
import tracking from './generators/tracking'
import userSelect from './generators/userSelect'
import verticalAlign from './generators/verticalAlign'
export default [
{ name: 'lists', generator: lists },
@ -91,5 +90,4 @@ export default [
{ name: 'textStyle', generator: textStyle },
{ name: 'tracking', generator: tracking },
{ name: 'userSelect', generator: userSelect },
{ name: 'verticalAlign', generator: verticalAlign },
]