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 overflow module to plugin

Browse Source
This commit is contained in:
Adam Wathan 2019-01-09 14:04:11 -05:00
parent d6611dd42c
commit 0ba183a22a
4 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/defaultPlugins.js
View File

@ -1,3 +1,4 @@
import overflow from './plugins/overflow'
import padding from './plugins/padding'
import pointerEvents from './plugins/pointerEvents'
import position from './plugins/position'
@ -19,6 +20,7 @@ import width from './plugins/width'
import zIndex from './plugins/zIndex'
export default [
overflow(),
padding(),
pointerEvents(),
position(),

20
src/generators/overflow.js
View File

@ -1,20 +0,0 @@
import defineClasses from '../util/defineClasses'
export default function() {
return defineClasses({
'overflow-auto': { overflow: 'auto' },
'overflow-hidden': { overflow: 'hidden' },
'overflow-visible': { overflow: 'visible' },
'overflow-scroll': { overflow: 'scroll' },
'overflow-x-auto': { 'overflow-x': 'auto' },
'overflow-y-auto': { 'overflow-y': 'auto' },
'overflow-x-hidden': { 'overflow-x': 'hidden' },
'overflow-y-hidden': { 'overflow-y': 'hidden' },
'overflow-x-visible': { 'overflow-x': 'visible' },
'overflow-y-visible': { 'overflow-y': 'visible' },
'overflow-x-scroll': { 'overflow-x': 'scroll' },
'overflow-y-scroll': { 'overflow-y': 'scroll' },
'scrolling-touch': { '-webkit-overflow-scrolling': 'touch' },
'scrolling-auto': { '-webkit-overflow-scrolling': 'auto' },
})
}

20
src/plugins/overflow.js Normal file
View File

@ -0,0 +1,20 @@
export default function () {
return function ({ addUtilities, config }) {
addUtilities({
'.overflow-auto': { overflow: 'auto' },
'.overflow-hidden': { overflow: 'hidden' },
'.overflow-visible': { overflow: 'visible' },
'.overflow-scroll': { overflow: 'scroll' },
'.overflow-x-auto': { 'overflow-x': 'auto' },
'.overflow-y-auto': { 'overflow-y': 'auto' },
'.overflow-x-hidden': { 'overflow-x': 'hidden' },
'.overflow-y-hidden': { 'overflow-y': 'hidden' },
'.overflow-x-visible': { 'overflow-x': 'visible' },
'.overflow-y-visible': { 'overflow-y': 'visible' },
'.overflow-x-scroll': { 'overflow-x': 'scroll' },
'.overflow-y-scroll': { 'overflow-y': 'scroll' },
'.scrolling-touch': { '-webkit-overflow-scrolling': 'touch' },
'.scrolling-auto': { '-webkit-overflow-scrolling': 'auto' },
}, config('modules.overflow'))
}
}

2
src/utilityModules.js
View File

@ -28,7 +28,6 @@ import objectFit from './generators/objectFit'
import objectPosition from './generators/objectPosition'
import opacity from './generators/opacity'
import outline from './generators/outline'
import overflow from './generators/overflow'
export default [
{ name: 'lists', generator: lists },
@ -61,5 +60,4 @@ export default [
{ name: 'objectPosition', generator: objectPosition },
{ name: 'opacity', generator: opacity },
{ name: 'outline', generator: outline },
{ name: 'overflow', generator: overflow },
]