Add overscroll plugin

This commit is contained in:
Wade Fletcher 2020-07-25 14:49:21 -04:00
parent 4ee53f315a
commit 444c59ffcd
2 changed files with 20 additions and 0 deletions

View File

@ -46,6 +46,7 @@ import objectPosition from './plugins/objectPosition'
import opacity from './plugins/opacity'
import outline from './plugins/outline'
import overflow from './plugins/overflow'
import overscroll from './plugins/overscroll'
import padding from './plugins/padding'
import placeholderColor from './plugins/placeholderColor'
import pointerEvents from './plugins/pointerEvents'
@ -154,6 +155,7 @@ export default function({ corePlugins: corePluginConfig }) {
opacity,
outline,
overflow,
overscroll,
padding,
placeholderColor,
placeholderOpacity,

18
src/plugins/overscroll.js Normal file
View File

@ -0,0 +1,18 @@
export default function() {
return function({ addUtilities, variants }) {
addUtilities(
{
'.overscroll-auto': { 'overscroll-behavior': 'auto' },
'.overscroll-contain': { 'overscroll-behavior': 'contain' },
'.overscroll-none': { 'overscroll-behavior': 'none' },
'.overscroll-y-auto': { 'overscroll-behavior-y': 'auto' },
'.overscroll-y-contain': { 'overscroll-behavior-y': 'contain' },
'.overscroll-y-none': { 'overscroll-behavior-y': 'none' },
'.overscroll-x-auto': { 'overscroll-behavior-x': 'auto' },
'.overscroll-x-contain': { 'overscroll-behavior-x': 'contain' },
'.overscroll-x-none': { 'overscroll-behavior-x': 'none' },
},
variants('overscroll')
)
}
}