tailwindcss/src/plugins/index.js
Adam Wathan 60a06788fe
Add CSS filter support (#3923)
* Implement `filter` helper classes with all methods

* Rename filter plugins/utilities, drop filter opacity, add drop shadow

* Remove non-final default filter values

* Working on default filter values, add basic JIT support

* Working on blur values

* New blur values (these are ~okay)

* Match drop-shadow values to box-shadows by eye as best as possible

* Update tests

* Fix kitchen sink test

* Add filter variants configuration

* Move drop-shadow to end of filters list

Co-Authored-By: Peter Neupauer <peter@neupauer.sk>

* Add invert variants configuration

* Add backdrop-filter utilities

* Update tests

* Transition filters by default

* Alphabetize new config keys

* Optimize filter plugins for JIT + add arbitrary value support

Except for drop-shadow, will add that once we can think it through a bit.

Co-authored-by: Nick Schmidt <nick@kreativgebiet.com>
Co-authored-by: Peter Neupauer <peter@neupauer.sk>
2021-04-04 19:09:34 -04:00

143 lines
7.7 KiB
JavaScript

export { default as accessibility } from './accessibility'
export { default as alignContent } from './alignContent'
export { default as alignItems } from './alignItems'
export { default as alignSelf } from './alignSelf'
export { default as animation } from './animation'
export { default as appearance } from './appearance'
export { default as backdropBlur } from './backdropBlur'
export { default as backdropBrightness } from './backdropBrightness'
export { default as backdropContrast } from './backdropContrast'
export { default as backdropFilter } from './backdropFilter'
export { default as backdropGrayscale } from './backdropGrayscale'
export { default as backdropHueRotate } from './backdropHueRotate'
export { default as backdropInvert } from './backdropInvert'
export { default as backdropOpacity } from './backdropOpacity'
export { default as backdropSaturate } from './backdropSaturate'
export { default as backdropSepia } from './backdropSepia'
export { default as backgroundAttachment } from './backgroundAttachment'
export { default as backgroundBlendMode } from './backgroundBlendMode'
export { default as backgroundClip } from './backgroundClip'
export { default as backgroundColor } from './backgroundColor'
export { default as backgroundImage } from './backgroundImage'
export { default as backgroundOpacity } from './backgroundOpacity'
export { default as backgroundPosition } from './backgroundPosition'
export { default as backgroundRepeat } from './backgroundRepeat'
export { default as backgroundSize } from './backgroundSize'
export { default as blur } from './blur'
export { default as borderCollapse } from './borderCollapse'
export { default as borderColor } from './borderColor'
export { default as borderOpacity } from './borderOpacity'
export { default as borderRadius } from './borderRadius'
export { default as borderStyle } from './borderStyle'
export { default as borderWidth } from './borderWidth'
export { default as boxDecorationBreak } from './boxDecorationBreak'
export { default as boxShadow } from './boxShadow'
export { default as boxSizing } from './boxSizing'
export { default as brightness } from './brightness'
export { default as clear } from './clear'
export { default as container } from './container'
export { default as contrast } from './contrast'
export { default as cursor } from './cursor'
export { default as display } from './display'
export { default as divideColor } from './divideColor'
export { default as divideOpacity } from './divideOpacity'
export { default as divideStyle } from './divideStyle'
export { default as divideWidth } from './divideWidth'
export { default as dropShadow } from './dropShadow'
export { default as fill } from './fill'
export { default as filter } from './filter'
export { default as flex } from './flex'
export { default as flexDirection } from './flexDirection'
export { default as flexGrow } from './flexGrow'
export { default as flexShrink } from './flexShrink'
export { default as flexWrap } from './flexWrap'
export { default as float } from './float'
export { default as fontFamily } from './fontFamily'
export { default as fontSize } from './fontSize'
export { default as fontSmoothing } from './fontSmoothing'
export { default as fontStyle } from './fontStyle'
export { default as fontVariantNumeric } from './fontVariantNumeric'
export { default as fontWeight } from './fontWeight'
export { default as gap } from './gap'
export { default as gradientColorStops } from './gradientColorStops'
export { default as grayscale } from './grayscale'
export { default as gridAutoColumns } from './gridAutoColumns'
export { default as gridAutoFlow } from './gridAutoFlow'
export { default as gridAutoRows } from './gridAutoRows'
export { default as gridColumn } from './gridColumn'
export { default as gridColumnEnd } from './gridColumnEnd'
export { default as gridColumnStart } from './gridColumnStart'
export { default as gridRow } from './gridRow'
export { default as gridRowEnd } from './gridRowEnd'
export { default as gridRowStart } from './gridRowStart'
export { default as gridTemplateColumns } from './gridTemplateColumns'
export { default as gridTemplateRows } from './gridTemplateRows'
export { default as height } from './height'
export { default as hueRotate } from './hueRotate'
export { default as inset } from './inset'
export { default as invert } from './invert'
export { default as isolation } from './isolation'
export { default as justifyContent } from './justifyContent'
export { default as justifyItems } from './justifyItems'
export { default as justifySelf } from './justifySelf'
export { default as letterSpacing } from './letterSpacing'
export { default as lineHeight } from './lineHeight'
export { default as listStylePosition } from './listStylePosition'
export { default as listStyleType } from './listStyleType'
export { default as margin } from './margin'
export { default as maxHeight } from './maxHeight'
export { default as maxWidth } from './maxWidth'
export { default as minHeight } from './minHeight'
export { default as minWidth } from './minWidth'
export { default as mixBlendMode } from './mixBlendMode'
export { default as objectFit } from './objectFit'
export { default as objectPosition } from './objectPosition'
export { default as opacity } from './opacity'
export { default as order } from './order'
export { default as outline } from './outline'
export { default as overflow } from './overflow'
export { default as overscrollBehavior } from './overscrollBehavior'
export { default as padding } from './padding'
export { default as placeContent } from './placeContent'
export { default as placeholderColor } from './placeholderColor'
export { default as placeholderOpacity } from './placeholderOpacity'
export { default as placeItems } from './placeItems'
export { default as placeSelf } from './placeSelf'
export { default as pointerEvents } from './pointerEvents'
export { default as position } from './position'
export { default as preflight } from './preflight'
export { default as resize } from './resize'
export { default as ringColor } from './ringColor'
export { default as ringOffsetColor } from './ringOffsetColor'
export { default as ringOffsetWidth } from './ringOffsetWidth'
export { default as ringOpacity } from './ringOpacity'
export { default as ringWidth } from './ringWidth'
export { default as rotate } from './rotate'
export { default as saturate } from './saturate'
export { default as scale } from './scale'
export { default as sepia } from './sepia'
export { default as skew } from './skew'
export { default as space } from './space'
export { default as stroke } from './stroke'
export { default as strokeWidth } from './strokeWidth'
export { default as tableLayout } from './tableLayout'
export { default as textAlign } from './textAlign'
export { default as textColor } from './textColor'
export { default as textDecoration } from './textDecoration'
export { default as textOpacity } from './textOpacity'
export { default as textOverflow } from './textOverflow'
export { default as textTransform } from './textTransform'
export { default as transform } from './transform'
export { default as transformOrigin } from './transformOrigin'
export { default as transitionDelay } from './transitionDelay'
export { default as transitionDuration } from './transitionDuration'
export { default as transitionProperty } from './transitionProperty'
export { default as transitionTimingFunction } from './transitionTimingFunction'
export { default as translate } from './translate'
export { default as userSelect } from './userSelect'
export { default as verticalAlign } from './verticalAlign'
export { default as visibility } from './visibility'
export { default as whitespace } from './whitespace'
export { default as width } from './width'
export { default as wordBreak } from './wordBreak'
export { default as zIndex } from './zIndex'