Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
inline-style-prefixer
Advanced tools
inline-style-prefixer - npm Package Compare versions
Comparing version 0.3.3 to 0.4.0
@@ -1,1 +0,1 @@ | ||
| var caniuseData = {"chrome":{"backfaceVisibility":35,"perspective":35,"perspectiveOrigin":35,"transform":35,"transformOrigin":35,"transformStyle":35,"transformOriginX":35,"transformOriginY":35,"animation":42,"animationDelay":42,"animationDirection":42,"animationFillMode":42,"animationDuration":42,"anmationIterationCount":42,"animationName":42,"animationPlayState":42,"animationTimingFunction":42,"appearance":48,"userSelect":48,"fontKerning":32,"textEmphasisPosition":48,"textEmphasis":48,"textEmphasisStyle":48,"textEmphasisColor":48,"boxDecorationBreak":48,"clipPath":48,"maskImage":48,"maskMode":48,"maskRepeat":48,"maskPosition":48,"maskClip":48,"maskOrigin":48,"maskSize":48,"maskComposite":48,"mask":48,"maskBorderSource":48,"maskBorderMode":48,"maskBorderSlice":48,"maskBorderWidth":48,"maskBorderOutset":48,"maskBorderRepeat":48,"maskBorder":48,"maskType":48,"textDecorationStyle":48,"textDecorationSkip":48,"textDecorationLine":48,"textDecorationColor":48,"filter":48,"fontFeatureSettings":48,"breakAfter":48,"breakBefore":48,"breakInside":48,"columnCount":48,"columnFill":48,"columnGap":48,"columnRule":48,"columnRuleColor":48,"columnRuleStyle":48,"columnRuleWidth":48,"columns":48,"columnSpan":48,"columnWidth":48},"safari":{"flex":8,"flexBasis":8,"flexDirection":8,"flexGrow":8,"flexFlow":8,"flexShrink":8,"alignContent":8,"alignItems":8,"alignSelf":8,"justifyContent":8,"order":8,"transition":6,"transitionDelay":6,"transitionDuration":6,"transitionProperty":6,"transitionTimingFunction":6,"backfaceVisibility":8,"perspective":8,"perspectiveOrigin":8,"transform":8,"transformOrigin":8,"transformStyle":8,"transformOriginX":8,"transformOriginY":8,"animation":8,"animationDelay":8,"animationDirection":8,"animationFillMode":8,"animationDuration":8,"anmationIterationCount":8,"animationName":8,"animationPlayState":8,"animationTimingFunction":8,"appearance":9,"userSelect":9,"backdropFilter":9,"fontKerning":9,"scrollSnapType":9,"scrollSnapPointsX":9,"scrollSnapPointsY":9,"scrollSnapDestination":9,"scrollSnapCoordinate":9,"textEmphasisPosition":7,"textEmphasis":7,"textEmphasisStyle":7,"textEmphasisColor":7,"boxDecorationBreak":9,"clipPath":9,"maskImage":9,"maskMode":9,"maskRepeat":9,"maskPosition":9,"maskClip":9,"maskOrigin":9,"maskSize":9,"maskComposite":9,"mask":9,"maskBorderSource":9,"maskBorderMode":9,"maskBorderSlice":9,"maskBorderWidth":9,"maskBorderOutset":9,"maskBorderRepeat":9,"maskBorder":9,"maskType":9,"textDecorationStyle":9,"textDecorationSkip":9,"textDecorationLine":9,"textDecorationColor":9,"shapeImageThreshold":9,"shapeImageMargin":9,"shapeImageOutside":9,"filter":9,"hyphens":9,"flowInto":9,"flowFrom":9,"breakBefore":8,"breakAfter":8,"breakInside":8,"regionFragment":9,"columnCount":8,"columnFill":8,"columnGap":8,"columnRule":8,"columnRuleColor":8,"columnRuleStyle":8,"columnRuleWidth":8,"columns":8,"columnSpan":8,"columnWidth":8},"firefox":{"appearance":43,"userSelect":43,"boxSizing":28,"textAlignLast":43,"textDecorationStyle":35,"textDecorationSkip":35,"textDecorationLine":35,"textDecorationColor":35,"tabSize":43,"hyphens":42,"fontFeatureSettings":33,"breakAfter":43,"breakBefore":43,"breakInside":43,"columnCount":43,"columnFill":43,"columnGap":43,"columnRule":43,"columnRuleColor":43,"columnRuleStyle":43,"columnRuleWidth":43,"columns":43,"columnSpan":43,"columnWidth":43},"opera":{"flex":16,"flexBasis":16,"flexDirection":16,"flexGrow":16,"flexFlow":16,"flexShrink":16,"alignContent":16,"alignItems":16,"alignSelf":16,"justifyContent":16,"order":16,"backfaceVisibility":22,"perspective":22,"perspectiveOrigin":22,"transform":22,"transformOrigin":22,"transformStyle":22,"transformOriginX":22,"transformOriginY":22,"animation":29,"animationDelay":29,"animationDirection":29,"animationFillMode":29,"animationDuration":29,"anmationIterationCount":29,"animationName":29,"animationPlayState":29,"animationTimingFunction":29,"appearance":34,"userSelect":34,"fontKerning":19,"textEmphasisPosition":34,"textEmphasis":34,"textEmphasisStyle":34,"textEmphasisColor":34,"boxDecorationBreak":34,"clipPath":34,"maskImage":34,"maskMode":34,"maskRepeat":34,"maskPosition":34,"maskClip":34,"maskOrigin":34,"maskSize":34,"maskComposite":34,"mask":34,"maskBorderSource":34,"maskBorderMode":34,"maskBorderSlice":34,"maskBorderWidth":34,"maskBorderOutset":34,"maskBorderRepeat":34,"maskBorder":34,"maskType":34,"filter":34,"fontFeatureSettings":34,"breakAfter":34,"breakBefore":34,"breakInside":34,"columnCount":34,"columnFill":34,"columnGap":34,"columnRule":34,"columnRuleColor":34,"columnRuleStyle":34,"columnRuleWidth":34,"columns":34,"columnSpan":34,"columnWidth":34},"ie":{"gridAutoColumns":11,"touchAction":10,"flex":10,"grid":11,"gridColumnStart":11,"flowInto":11,"gridTemplateAreas":11,"gridAutoFlow":11,"wrapMargin":11,"breakAfter":11,"scrollSnapCoordinate":11,"gridArea":11,"regionFragment":11,"breakInside":11,"scrollSnapPointsY":11,"gridRow":11,"gridTemplate":11,"flowFrom":11,"flexFlow":10,"gridTemplateRows":11,"gridAutoRows":11,"hyphens":11,"scrollSnapPointsX":11,"flexDirection":10,"columnGap":11,"gridRowEnd":11,"gridRowStart":11,"gridColumn":11,"scrollSnapDestination":11,"gridTemplateColumns":11,"scrollSnapType":11,"rowGap":11,"userSelect":11,"wrapFlow":11,"breakBefore":11,"wrapThrough":11,"gridGap":11,"textSizeAdjust":11},"ios_saf":{"flex":8.1,"flexBasis":8.1,"flexDirection":8.1,"flexGrow":8.1,"flexFlow":8.1,"flexShrink":8.1,"alignContent":8.1,"alignItems":8.1,"alignSelf":8.1,"justifyContent":8.1,"order":8.1,"transition":6,"transitionDelay":6,"transitionDuration":6,"transitionProperty":6,"transitionTimingFunction":6,"backfaceVisibility":8.1,"perspective":8.1,"perspectiveOrigin":8.1,"transform":8.1,"transformOrigin":8.1,"transformStyle":8.1,"transformOriginX":8.1,"transformOriginY":8.1,"animation":8.1,"animationDelay":8.1,"animationDirection":8.1,"animationFillMode":8.1,"animationDuration":8.1,"anmationIterationCount":8.1,"animationName":8.1,"animationPlayState":8.1,"animationTimingFunction":8.1,"appearance":9,"userSelect":9,"backdropFilter":9,"fontKerning":9,"scrollSnapType":9,"scrollSnapPointsX":9,"scrollSnapPointsY":9,"scrollSnapDestination":9,"scrollSnapCoordinate":9,"boxDecorationBreak":9,"clipPath":9,"maskImage":9,"maskMode":9,"maskRepeat":9,"maskPosition":9,"maskClip":9,"maskOrigin":9,"maskSize":9,"maskComposite":9,"mask":9,"maskBorderSource":9,"maskBorderMode":9,"maskBorderSlice":9,"maskBorderWidth":9,"maskBorderOutset":9,"maskBorderRepeat":9,"maskBorder":9,"maskType":9,"textSizeAdjust":9,"textDecorationStyle":9,"textDecorationSkip":9,"textDecorationLine":9,"textDecorationColor":9,"shapeImageThreshold":9,"shapeImageMargin":9,"shapeImageOutside":9,"filter":9,"hyphens":9,"flowInto":9,"flowFrom":9,"breakBefore":8.1,"breakAfter":8.1,"breakInside":8.1,"regionFragment":9,"columnCount":8.1,"columnFill":8.1,"columnGap":8.1,"columnRule":8.1,"columnRuleColor":8.1,"columnRuleStyle":8.1,"columnRuleWidth":8.1,"columns":8.1,"columnSpan":8.1,"columnWidth":8.1},"android":{"borderImage":4.2,"borderImageOutset":4.2,"borderImageRepeat":4.2,"borderImageSlice":4.2,"borderImageSource":4.2,"borderImageWidth":4.2,"flex":4.2,"flexBasis":4.2,"flexDirection":4.2,"flexGrow":4.2,"flexFlow":4.2,"flexShrink":4.2,"alignContent":4.2,"alignItems":4.2,"alignSelf":4.2,"justifyContent":4.2,"order":4.2,"transition":4.2,"transitionDelay":4.2,"transitionDuration":4.2,"transitionProperty":4.2,"transitionTimingFunction":4.2,"backfaceVisibility":4.4,"perspective":4.4,"perspectiveOrigin":4.4,"transform":4.4,"transformOrigin":4.4,"transformStyle":4.4,"transformOriginX":4.4,"transformOriginY":4.4,"animation":4.4,"animationDelay":4.4,"animationDirection":4.4,"animationFillMode":4.4,"animationDuration":4.4,"anmationIterationCount":4.4,"animationName":4.4,"animationPlayState":4.4,"animationTimingFunction":4.4,"appearance":44,"userSelect":44,"fontKerning":4.4,"textEmphasisPosition":44,"textEmphasis":44,"textEmphasisStyle":44,"textEmphasisColor":44,"boxDecorationBreak":44,"clipPath":44,"maskImage":44,"maskMode":44,"maskRepeat":44,"maskPosition":44,"maskClip":44,"maskOrigin":44,"maskSize":44,"maskComposite":44,"mask":44,"maskBorderSource":44,"maskBorderMode":44,"maskBorderSlice":44,"maskBorderWidth":44,"maskBorderOutset":44,"maskBorderRepeat":44,"maskBorder":44,"maskType":44,"filter":44,"fontFeatureSettings":44,"breakAfter":44,"breakBefore":44,"breakInside":44,"columnCount":44,"columnFill":44,"columnGap":44,"columnRule":44,"columnRuleColor":44,"columnRuleStyle":44,"columnRuleWidth":44,"columns":44,"columnSpan":44,"columnWidth":44},"and_chr":{},"and_uc":{"flex":9.9,"flexBasis":9.9,"flexDirection":9.9,"flexGrow":9.9,"flexFlow":9.9,"flexShrink":9.9,"alignContent":9.9,"alignItems":9.9,"alignSelf":9.9,"justifyContent":9.9,"order":9.9,"transition":9.9,"transitionDelay":9.9,"transitionDuration":9.9,"transitionProperty":9.9,"transitionTimingFunction":9.9,"backfaceVisibility":9.9,"perspective":9.9,"perspectiveOrigin":9.9,"transform":9.9,"transformOrigin":9.9,"transformStyle":9.9,"transformOriginX":9.9,"transformOriginY":9.9,"animation":9.9,"animationDelay":9.9,"animationDirection":9.9,"animationFillMode":9.9,"animationDuration":9.9,"anmationIterationCount":9.9,"animationName":9.9,"animationPlayState":9.9,"animationTimingFunction":9.9,"appearance":9.9,"userSelect":9.9,"fontKerning":9.9,"textEmphasisPosition":9.9,"textEmphasis":9.9,"textEmphasisStyle":9.9,"textEmphasisColor":9.9,"maskImage":9.9,"maskMode":9.9,"maskRepeat":9.9,"maskPosition":9.9,"maskClip":9.9,"maskOrigin":9.9,"maskSize":9.9,"maskComposite":9.9,"mask":9.9,"maskBorderSource":9.9,"maskBorderMode":9.9,"maskBorderSlice":9.9,"maskBorderWidth":9.9,"maskBorderOutset":9.9,"maskBorderRepeat":9.9,"maskBorder":9.9,"maskType":9.9,"textSizeAdjust":9.9,"filter":9.9,"hyphens":9.9,"flowInto":9.9,"flowFrom":9.9,"breakBefore":9.9,"breakAfter":9.9,"breakInside":9.9,"regionFragment":9.9,"fontFeatureSettings":9.9,"columnCount":9.9,"columnFill":9.9,"columnGap":9.9,"columnRule":9.9,"columnRuleColor":9.9,"columnRuleStyle":9.9,"columnRuleWidth":9.9,"columns":9.9,"columnSpan":9.9,"columnWidth":9.9},"op_mini":{"borderImage":5,"borderImageOutset":5,"borderImageRepeat":5,"borderImageSlice":5,"borderImageSource":5,"borderImageWidth":5,"tabSize":5,"objectFit":5,"objectPosition":5}}; module.exports = caniuseData | ||
| var caniuseData = {"chrome":{"backfaceVisibility":35,"perspective":35,"perspectiveOrigin":35,"transform":35,"transformOrigin":35,"transformStyle":35,"transformOriginX":35,"transformOriginY":35,"animation":42,"animationDelay":42,"animationDirection":42,"animationFillMode":42,"animationDuration":42,"anmationIterationCount":42,"animationName":42,"animationPlayState":42,"animationTimingFunction":42,"appearance":48,"userSelect":48,"fontKerning":32,"textEmphasisPosition":48,"textEmphasis":48,"textEmphasisStyle":48,"textEmphasisColor":48,"boxDecorationBreak":48,"clipPath":48,"maskImage":48,"maskMode":48,"maskRepeat":48,"maskPosition":48,"maskClip":48,"maskOrigin":48,"maskSize":48,"maskComposite":48,"mask":48,"maskBorderSource":48,"maskBorderMode":48,"maskBorderSlice":48,"maskBorderWidth":48,"maskBorderOutset":48,"maskBorderRepeat":48,"maskBorder":48,"maskType":48,"textDecorationStyle":48,"textDecorationSkip":48,"textDecorationLine":48,"textDecorationColor":48,"filter":48,"fontFeatureSettings":48,"breakAfter":48,"breakBefore":48,"breakInside":48,"columnCount":48,"columnFill":48,"columnGap":48,"columnRule":48,"columnRuleColor":48,"columnRuleStyle":48,"columnRuleWidth":48,"columns":48,"columnSpan":48,"columnWidth":48},"safari":{"flex":8,"flexBasis":8,"flexDirection":8,"flexGrow":8,"flexFlow":8,"flexShrink":8,"alignContent":8,"alignItems":8,"alignSelf":8,"justifyContent":8,"order":8,"transition":6,"transitionDelay":6,"transitionDuration":6,"transitionProperty":6,"transitionTimingFunction":6,"backfaceVisibility":8,"perspective":8,"perspectiveOrigin":8,"transform":8,"transformOrigin":8,"transformStyle":8,"transformOriginX":8,"transformOriginY":8,"animation":8,"animationDelay":8,"animationDirection":8,"animationFillMode":8,"animationDuration":8,"anmationIterationCount":8,"animationName":8,"animationPlayState":8,"animationTimingFunction":8,"appearance":9,"userSelect":9,"backdropFilter":9,"fontKerning":9,"scrollSnapType":9,"scrollSnapPointsX":9,"scrollSnapPointsY":9,"scrollSnapDestination":9,"scrollSnapCoordinate":9,"textEmphasisPosition":7,"textEmphasis":7,"textEmphasisStyle":7,"textEmphasisColor":7,"boxDecorationBreak":9,"clipPath":9,"maskImage":9,"maskMode":9,"maskRepeat":9,"maskPosition":9,"maskClip":9,"maskOrigin":9,"maskSize":9,"maskComposite":9,"mask":9,"maskBorderSource":9,"maskBorderMode":9,"maskBorderSlice":9,"maskBorderWidth":9,"maskBorderOutset":9,"maskBorderRepeat":9,"maskBorder":9,"maskType":9,"textDecorationStyle":9,"textDecorationSkip":9,"textDecorationLine":9,"textDecorationColor":9,"shapeImageThreshold":9,"shapeImageMargin":9,"shapeImageOutside":9,"filter":9,"hyphens":9,"flowInto":9,"flowFrom":9,"breakBefore":8,"breakAfter":8,"breakInside":8,"regionFragment":9,"columnCount":8,"columnFill":8,"columnGap":8,"columnRule":8,"columnRuleColor":8,"columnRuleStyle":8,"columnRuleWidth":8,"columns":8,"columnSpan":8,"columnWidth":8},"firefox":{"appearance":43,"userSelect":43,"boxSizing":28,"textAlignLast":43,"textDecorationStyle":35,"textDecorationSkip":35,"textDecorationLine":35,"textDecorationColor":35,"tabSize":43,"hyphens":42,"fontFeatureSettings":33,"breakAfter":43,"breakBefore":43,"breakInside":43,"columnCount":43,"columnFill":43,"columnGap":43,"columnRule":43,"columnRuleColor":43,"columnRuleStyle":43,"columnRuleWidth":43,"columns":43,"columnSpan":43,"columnWidth":43},"opera":{"flex":16,"flexBasis":16,"flexDirection":16,"flexGrow":16,"flexFlow":16,"flexShrink":16,"alignContent":16,"alignItems":16,"alignSelf":16,"justifyContent":16,"order":16,"backfaceVisibility":22,"perspective":22,"perspectiveOrigin":22,"transform":22,"transformOrigin":22,"transformStyle":22,"transformOriginX":22,"transformOriginY":22,"animation":29,"animationDelay":29,"animationDirection":29,"animationFillMode":29,"animationDuration":29,"anmationIterationCount":29,"animationName":29,"animationPlayState":29,"animationTimingFunction":29,"appearance":34,"userSelect":34,"fontKerning":19,"textEmphasisPosition":34,"textEmphasis":34,"textEmphasisStyle":34,"textEmphasisColor":34,"boxDecorationBreak":34,"clipPath":34,"maskImage":34,"maskMode":34,"maskRepeat":34,"maskPosition":34,"maskClip":34,"maskOrigin":34,"maskSize":34,"maskComposite":34,"mask":34,"maskBorderSource":34,"maskBorderMode":34,"maskBorderSlice":34,"maskBorderWidth":34,"maskBorderOutset":34,"maskBorderRepeat":34,"maskBorder":34,"maskType":34,"filter":34,"fontFeatureSettings":34,"breakAfter":34,"breakBefore":34,"breakInside":34,"columnCount":34,"columnFill":34,"columnGap":34,"columnRule":34,"columnRuleColor":34,"columnRuleStyle":34,"columnRuleWidth":34,"columns":34,"columnSpan":34,"columnWidth":34},"ie":{"gridRowStart":11,"wrapThrough":11,"gridRowEnd":11,"gridGap":11,"scrollSnapPointsX":11,"gridTemplateRows":11,"columnGap":11,"gridArea":11,"scrollSnapType":11,"regionFragment":11,"hyphens":11,"breakAfter":11,"scrollSnapDestination":11,"gridAutoRows":11,"rowGap":11,"flexDirection":10,"breakBefore":11,"gridTemplateColumns":11,"grid":11,"flowFrom":11,"scrollSnapPointsY":11,"touchAction":10,"gridTemplateAreas":11,"gridTemplate":11,"userSelect":11,"wrapMargin":11,"gridRow":11,"gridColumnStart":11,"gridColumn":11,"gridAutoFlow":11,"flexFlow":10,"scrollSnapCoordinate":11,"gridAutoColumns":11,"wrapFlow":11,"breakInside":11,"flowInto":11,"flex":10,"textSizeAdjust":11},"ios_saf":{"flex":8.1,"flexBasis":8.1,"flexDirection":8.1,"flexGrow":8.1,"flexFlow":8.1,"flexShrink":8.1,"alignContent":8.1,"alignItems":8.1,"alignSelf":8.1,"justifyContent":8.1,"order":8.1,"transition":6,"transitionDelay":6,"transitionDuration":6,"transitionProperty":6,"transitionTimingFunction":6,"backfaceVisibility":8.1,"perspective":8.1,"perspectiveOrigin":8.1,"transform":8.1,"transformOrigin":8.1,"transformStyle":8.1,"transformOriginX":8.1,"transformOriginY":8.1,"animation":8.1,"animationDelay":8.1,"animationDirection":8.1,"animationFillMode":8.1,"animationDuration":8.1,"anmationIterationCount":8.1,"animationName":8.1,"animationPlayState":8.1,"animationTimingFunction":8.1,"appearance":9,"userSelect":9,"backdropFilter":9,"fontKerning":9,"scrollSnapType":9,"scrollSnapPointsX":9,"scrollSnapPointsY":9,"scrollSnapDestination":9,"scrollSnapCoordinate":9,"boxDecorationBreak":9,"clipPath":9,"maskImage":9,"maskMode":9,"maskRepeat":9,"maskPosition":9,"maskClip":9,"maskOrigin":9,"maskSize":9,"maskComposite":9,"mask":9,"maskBorderSource":9,"maskBorderMode":9,"maskBorderSlice":9,"maskBorderWidth":9,"maskBorderOutset":9,"maskBorderRepeat":9,"maskBorder":9,"maskType":9,"textSizeAdjust":9,"textDecorationStyle":9,"textDecorationSkip":9,"textDecorationLine":9,"textDecorationColor":9,"shapeImageThreshold":9,"shapeImageMargin":9,"shapeImageOutside":9,"filter":9,"hyphens":9,"flowInto":9,"flowFrom":9,"breakBefore":8.1,"breakAfter":8.1,"breakInside":8.1,"regionFragment":9,"columnCount":8.1,"columnFill":8.1,"columnGap":8.1,"columnRule":8.1,"columnRuleColor":8.1,"columnRuleStyle":8.1,"columnRuleWidth":8.1,"columns":8.1,"columnSpan":8.1,"columnWidth":8.1},"android":{"borderImage":4.2,"borderImageOutset":4.2,"borderImageRepeat":4.2,"borderImageSlice":4.2,"borderImageSource":4.2,"borderImageWidth":4.2,"flex":4.2,"flexBasis":4.2,"flexDirection":4.2,"flexGrow":4.2,"flexFlow":4.2,"flexShrink":4.2,"alignContent":4.2,"alignItems":4.2,"alignSelf":4.2,"justifyContent":4.2,"order":4.2,"transition":4.2,"transitionDelay":4.2,"transitionDuration":4.2,"transitionProperty":4.2,"transitionTimingFunction":4.2,"backfaceVisibility":4.4,"perspective":4.4,"perspectiveOrigin":4.4,"transform":4.4,"transformOrigin":4.4,"transformStyle":4.4,"transformOriginX":4.4,"transformOriginY":4.4,"animation":4.4,"animationDelay":4.4,"animationDirection":4.4,"animationFillMode":4.4,"animationDuration":4.4,"anmationIterationCount":4.4,"animationName":4.4,"animationPlayState":4.4,"animationTimingFunction":4.4,"appearance":44,"userSelect":44,"fontKerning":4.4,"textEmphasisPosition":44,"textEmphasis":44,"textEmphasisStyle":44,"textEmphasisColor":44,"boxDecorationBreak":44,"clipPath":44,"maskImage":44,"maskMode":44,"maskRepeat":44,"maskPosition":44,"maskClip":44,"maskOrigin":44,"maskSize":44,"maskComposite":44,"mask":44,"maskBorderSource":44,"maskBorderMode":44,"maskBorderSlice":44,"maskBorderWidth":44,"maskBorderOutset":44,"maskBorderRepeat":44,"maskBorder":44,"maskType":44,"filter":44,"fontFeatureSettings":44,"breakAfter":44,"breakBefore":44,"breakInside":44,"columnCount":44,"columnFill":44,"columnGap":44,"columnRule":44,"columnRuleColor":44,"columnRuleStyle":44,"columnRuleWidth":44,"columns":44,"columnSpan":44,"columnWidth":44},"and_chr":{},"and_uc":{"flex":9.9,"flexBasis":9.9,"flexDirection":9.9,"flexGrow":9.9,"flexFlow":9.9,"flexShrink":9.9,"alignContent":9.9,"alignItems":9.9,"alignSelf":9.9,"justifyContent":9.9,"order":9.9,"transition":9.9,"transitionDelay":9.9,"transitionDuration":9.9,"transitionProperty":9.9,"transitionTimingFunction":9.9,"backfaceVisibility":9.9,"perspective":9.9,"perspectiveOrigin":9.9,"transform":9.9,"transformOrigin":9.9,"transformStyle":9.9,"transformOriginX":9.9,"transformOriginY":9.9,"animation":9.9,"animationDelay":9.9,"animationDirection":9.9,"animationFillMode":9.9,"animationDuration":9.9,"anmationIterationCount":9.9,"animationName":9.9,"animationPlayState":9.9,"animationTimingFunction":9.9,"appearance":9.9,"userSelect":9.9,"fontKerning":9.9,"textEmphasisPosition":9.9,"textEmphasis":9.9,"textEmphasisStyle":9.9,"textEmphasisColor":9.9,"maskImage":9.9,"maskMode":9.9,"maskRepeat":9.9,"maskPosition":9.9,"maskClip":9.9,"maskOrigin":9.9,"maskSize":9.9,"maskComposite":9.9,"mask":9.9,"maskBorderSource":9.9,"maskBorderMode":9.9,"maskBorderSlice":9.9,"maskBorderWidth":9.9,"maskBorderOutset":9.9,"maskBorderRepeat":9.9,"maskBorder":9.9,"maskType":9.9,"textSizeAdjust":9.9,"filter":9.9,"hyphens":9.9,"flowInto":9.9,"flowFrom":9.9,"breakBefore":9.9,"breakAfter":9.9,"breakInside":9.9,"regionFragment":9.9,"fontFeatureSettings":9.9,"columnCount":9.9,"columnFill":9.9,"columnGap":9.9,"columnRule":9.9,"columnRuleColor":9.9,"columnRuleStyle":9.9,"columnRuleWidth":9.9,"columns":9.9,"columnSpan":9.9,"columnWidth":9.9},"op_mini":{"borderImage":5,"borderImageOutset":5,"borderImageRepeat":5,"borderImageSlice":5,"borderImageSource":5,"borderImageWidth":5,"tabSize":5,"objectFit":5,"objectPosition":5}}; module.exports = caniuseData |
@@ -14,19 +14,19 @@ 'use strict'; | ||
| var vendorPrefixes = { | ||
| 'Webkit': ['chrome', 'safari', 'ios', 'android', 'phantom', 'opera', 'webos', 'blackberry', 'bada', 'tizen'], | ||
| 'Moz': ['firefox', 'seamonkey', 'sailfish'], | ||
| 'ms': ['msie', 'msedge'] | ||
| Webkit: ['chrome', 'safari', 'ios', 'android', 'phantom', 'opera', 'webos', 'blackberry', 'bada', 'tizen'], | ||
| Moz: ['firefox', 'seamonkey', 'sailfish'], | ||
| ms: ['msie', 'msedge'] | ||
| }; | ||
| var browsers = { | ||
| 'chrome': [['chrome'], ['phantom'], ['webos'], ['blackberry'], ['bada'], ['tizenn']], | ||
| 'safari': [['safari']], | ||
| 'firefox': [['firefox'], ['seamonkey'], ['sailfish']], | ||
| 'ie': [['msie'], ['msedge']], | ||
| 'opera': [['opera']], | ||
| 'ios_saf': [['ios', 'mobile'], ['ios', 'tablet']], | ||
| 'ie_mob': [['windowsphone', 'mobile', 'msie'], ['windowsphone', 'tablet', 'msie'], ['windowsphone', 'mobile', 'msedge'], ['windowsphone', 'tablet', 'msedge']], | ||
| 'op_mini': [['opera', 'mobile'], ['opera', 'tablet']], | ||
| 'and_chr': [['android', 'chrome', 'mobile'], ['android', 'chrome', 'tablet']], | ||
| 'and_uc': [['android', 'mobile'], ['android', 'mobile']], | ||
| 'android': [['android', 'mobile'], ['android', 'mobile']] | ||
| chrome: [['chrome'], ['phantom'], ['webos'], ['blackberry'], ['bada'], ['tizenn']], | ||
| safari: [['safari']], | ||
| firefox: [['firefox'], ['seamonkey'], ['sailfish']], | ||
| ie: [['msie'], ['msedge']], | ||
| opera: [['opera']], | ||
| ios_saf: [['ios', 'mobile'], ['ios', 'tablet']], | ||
| ie_mob: [['windowsphone', 'mobile', 'msie'], ['windowsphone', 'tablet', 'msie'], ['windowsphone', 'mobile', 'msedge'], ['windowsphone', 'tablet', 'msedge']], | ||
| op_mini: [['opera', 'mobile'], ['opera', 'tablet']], | ||
| and_chr: [['android', 'chrome', 'mobile'], ['android', 'chrome', 'tablet']], | ||
| and_uc: [['android', 'mobile'], ['android', 'mobile']], | ||
| android: [['android', 'mobile'], ['android', 'mobile']] | ||
| }; | ||
@@ -41,2 +41,6 @@ | ||
| exports['default'] = function (userAgent) { | ||
| if (!userAgent) { | ||
| return false; | ||
| } | ||
| var info = _bowser2['default']._detect(userAgent); | ||
@@ -43,0 +47,0 @@ |
@@ -25,3 +25,3 @@ 'use strict'; | ||
| //special flexbox specifications | ||
| // special flexbox specifications | ||
@@ -28,0 +28,0 @@ var _pluginsFlexboxIE = require('./plugins/flexboxIE'); |
@@ -14,3 +14,3 @@ 'use strict'; | ||
| 'flex-end': 'end', | ||
| 'flex': '-ms-flexbox', | ||
| flex: '-ms-flexbox', | ||
| 'inline-flex': '-ms-inline-flexbox' | ||
@@ -20,10 +20,10 @@ }; | ||
| var alternativeProps = { | ||
| 'alignContent': 'msFlexLinePack', | ||
| 'alignSelf': 'msFlexItemAlign', | ||
| 'alignItems': 'msFlexAlign', | ||
| 'justifyContent': 'msFlexPack', | ||
| 'order': 'msFlexOrder', | ||
| 'flexGrow': 'msFlexPositive', | ||
| 'flexShrink': 'msFlexNegative', | ||
| 'flexBasis': 'msPreferredSize' | ||
| alignContent: 'msFlexLinePack', | ||
| alignSelf: 'msFlexItemAlign', | ||
| alignItems: 'msFlexAlign', | ||
| justifyContent: 'msFlexPack', | ||
| order: 'msFlexOrder', | ||
| flexGrow: 'msFlexPositive', | ||
| flexShrink: 'msFlexNegative', | ||
| flexBasis: 'msPreferredSize' | ||
| }; | ||
@@ -30,0 +30,0 @@ |
@@ -15,4 +15,4 @@ 'use strict'; | ||
| 'wrap-reverse': 'multiple', | ||
| 'wrap': 'multiple', | ||
| 'flex': 'box', | ||
| wrap: 'multiple', | ||
| flex: 'box', | ||
| 'inline-flex': 'inline-box' | ||
@@ -42,5 +42,3 @@ }; | ||
| if (property === 'display' && alternativeValues[value]) { | ||
| return { | ||
| display: prefix.CSS + alternativeValues[value] | ||
| }; | ||
| return { display: prefix.CSS + alternativeValues[value] }; | ||
| } | ||
@@ -47,0 +45,0 @@ return _defineProperty({}, alternativeProps[property] || property, alternativeValues[value] || value); |
@@ -17,2 +17,6 @@ 'use strict'; | ||
| var _getPrefixedKeyframes = require('./getPrefixedKeyframes'); | ||
| var _getPrefixedKeyframes2 = _interopRequireDefault(_getPrefixedKeyframes); | ||
| var _caniuseData = require('./caniuseData'); | ||
@@ -28,2 +32,23 @@ | ||
| // only throw warnings if devmode is enabled | ||
| var warn = function warn() { | ||
| if (process.env.NODE_ENV !== 'production') { | ||
| console.warn.apply(console, arguments); | ||
| } | ||
| }; | ||
| // helper to capitalize strings | ||
| var caplitalizeString = function caplitalizeString(str) { | ||
| return str.charAt(0).toUpperCase() + str.slice(1); | ||
| }; | ||
| // leight polyfill for Object.assign | ||
| var assign = function assign(base, extend) { | ||
| if (extend) { | ||
| Object.keys(extend).forEach(function (key) { | ||
| return base[key] = extend[key]; | ||
| }); | ||
| } | ||
| return extend; | ||
| }; | ||
| var Prefixer = (function () { | ||
@@ -45,5 +70,10 @@ /** | ||
| this.cssPrefix = this._browserInfo.prefix.CSS; | ||
| this.jsPrefix = this._browserInfo.prefix.inline; | ||
| if (this._browserInfo) { | ||
| this.cssPrefix = this._browserInfo.prefix.CSS; | ||
| this.jsPrefix = this._browserInfo.prefix.inline; | ||
| this.prefixedKeyframes = (0, _getPrefixedKeyframes2['default'])(this._browserInfo); | ||
| } else { | ||
| this._hasPropsRequiringPrefix = false; | ||
| warn('Navigator was undefined and no custom userAgent was provided.'); | ||
| } | ||
| var data = _caniuseData2['default'][this._browserInfo.browser]; | ||
@@ -60,10 +90,6 @@ if (data) { | ||
| this._hasPropsRequiringPrefix = false; | ||
| // TODO warn only in dev mode | ||
| console.warn('Your userAgent seems to be not supported by inline-style-prefixer. Feel free to open an issue.'); | ||
| warn('Your userAgent seems to be not supported by inline-style-prefixer. Feel free to open an issue.'); | ||
| } | ||
| } | ||
| // helper to capitalize strings | ||
| /** | ||
@@ -114,13 +140,2 @@ * Returns a prefixed version of the style object | ||
| exports['default'] = Prefixer; | ||
| var caplitalizeString = function caplitalizeString(str) { | ||
| return str.charAt(0).toUpperCase() + str.slice(1); | ||
| }; | ||
| // leight polyfill for Object.assign | ||
| var assign = function assign(base, extend) { | ||
| extend && Object.keys(extend).forEach(function (key) { | ||
| return base[key] = extend[key]; | ||
| }); | ||
| return extend; | ||
| }; | ||
| module.exports = exports['default']; |
| { | ||
| "name": "inline-style-prefixer", | ||
| "version": "0.3.3", | ||
| "version": "0.4.0", | ||
| "description": "Autoprefixer for Inline Style objects using userAgent and caniuse data", | ||
@@ -5,0 +5,0 @@ "main": "lib/Prefixer.js", |
166
README.md
@@ -6,7 +6,61 @@ # Autoprefixer for Inline Style objects | ||
|  | ||
|  | ||
| npm install inline-style-prefixer | ||
| **inline-style-prefixer** adds required **vendor prefixes** to your style object. It only adds prefixes if they're actually required since it evaluates the environments `userAgent`.<br> *~7kb gzipped.* | ||
| > The information is based on [caniuse.com](http://caniuse.com/). | ||
| **inline-style-prefixer** adds required **vendor prefixes** to your style object. It only adds prefixes if they're actually required by evaluating the browser's `userAgent` against data from [caniuse.com](http://caniuse.com/). | ||
| ## Usage | ||
| ```bash | ||
| npm install inline-style-prefixer | ||
| ``` | ||
| ```javascript | ||
| import Prefixer from 'inline-style-prefixer' | ||
| const styles = { | ||
| transition: '200ms all linear', | ||
| userSelect: 'none', | ||
| nested : { | ||
| boxSizing: 'border-box', | ||
| appearance: 'none', | ||
| color: 'blue', | ||
| flex: 1 | ||
| } | ||
| } | ||
| const prefixer = new Prefixer() | ||
| const prefixedStyles = prefixer.prefix(styles) | ||
| // Assuming you are using e.g. Chrome version 27.0, prefixedStyles will be: | ||
| { | ||
| transition: '200ms all linear', | ||
| WebkitUserSelect: 'none', | ||
| nested: { | ||
| boxSizing: 'border-box', | ||
| WebkitAppearance: 'none', | ||
| color: 'blue', | ||
| WebkitFlex: 1 | ||
| } | ||
| } | ||
| ``` | ||
| ## Custom userAgent | ||
| Sometimes your environment does not provide a proper userAgent string e.g. if you are **rendering on server-side**. Therefore optionally just pass a userAgent-string. | ||
| ```javascript | ||
| import Prefixer from 'inline-style-prefixer' | ||
| const customUserAgent = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.155 Safari/537.36' | ||
| const prefixer = new Prefixer(customUserAgent) | ||
| prefixer.prefix(styles) | ||
| ``` | ||
| ## Prefix information | ||
| Every `Prefixer` instance also provides prefix information. | ||
| ```javascript | ||
| // e.g. using a Chrome version 40 userAgent | ||
| prefixer.cssPrefix = '-webkit-' | ||
| prefixer.jsPrefix = 'Webkit' | ||
| prefixer.prefixedKeyframes = '-webkit-keyframes' | ||
| ``` | ||
| ## Browser Support | ||
@@ -31,45 +85,3 @@ Supports the major browsers with the following versions. | ||
| ``` | ||
| ## Usage | ||
| ```javascript | ||
| import Prefixer from 'inline-style-prefixer' | ||
| let styles = { | ||
| transition: '200ms all linear', | ||
| userSelect: 'none', | ||
| nested : { | ||
| boxSizing: 'border-box', | ||
| appearance: 'none', | ||
| color: 'blue', | ||
| flex: 1 | ||
| } | ||
| } | ||
| let prefixer = new Prefixer() | ||
| prefixer.prefix(styles) | ||
| // Assuming you are using e.g. Chrome version 27.0 this would | ||
| // transform your styles object to the following the following | ||
| let output = { | ||
| transition: '200ms all linear', | ||
| WebkitUserSelect: 'none', | ||
| nested: { | ||
| boxSizing: 'border-box', | ||
| WebkitAppearance: 'none', | ||
| color: 'blue', | ||
| WebkitFlex: 1 | ||
| } | ||
| } | ||
| ``` | ||
| ## Custom userAgent | ||
| Sometimes your environment does not provide a proper userAgent string e.g. if you are **rendering on server-side**. Therefore optionally just pass a userAgent-string. | ||
| ```javascript | ||
| import Prefixer from 'inline-style-prefixer' | ||
| const customUserAgent = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.155 Safari/537.36' | ||
| let prefixer = new Prefixer(customUserAgent) | ||
| prefixer.prefix(styles) | ||
| ``` | ||
| ## Supported properties | ||
@@ -79,56 +91,46 @@ The following list shows all supported properties that get evaluated.<br> | ||
| * borderRadius | ||
| * borderImage, borderImageOutset, borderImageRepeat, borderImageSlice, borderImageSource, borderImageWidth | ||
| * flex, flexBasis, flexDirection, flexGrow, flexFlow, flexShrink, alignContent, alignItems, alignSelf, justifyContent, order | ||
| * transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction | ||
| * backfaceVisibility, perspective, perspectiveOrigin, transform, transformOrigin, transformStyle, transformOriginX, transformOriginY | ||
| * animation, animationDelay, animationDirection, animationFillMode, animationDuration, anmationIterationCount, animationName, animationPlayState, animationTimingFunction | ||
| * appearance | ||
| * userSelect | ||
| * backdropFilter | ||
| * backfaceVisibility, perspective, perspectiveOrigin, transform, transformOrigin, transformStyle, transformOriginX, transformOriginY | ||
| * backgroundClip, backgroundOrigin, backgroundSize | ||
| * borderImage, borderImageOutset, borderImageRepeat, borderImageSlice, borderImageSource, borderImageWidth | ||
| * borderRadius | ||
| * boxDecorationBreak | ||
| * boxShadow | ||
| * boxSizing | ||
| * fontKerning | ||
| * wrapFlow, wrapThrough, wrapMargin | ||
| * scrollSnapType, scrollSnapPointsX, scrollSnapPointsY, scrollSnapDestination, scrollSnapCoordinate | ||
| * textEmphasisPosition, textEmphasis, textEmphasisStyle, textEmphasisColor | ||
| * textAlignLast | ||
| * boxDecorationBreak | ||
| * breakAfter, breakBefore, breakInside, columnCount, columnFill, columnGap, columnRule, columnRuleColor, columnRuleStyle, columnRuleWidth, columns, columnSpan, columnWidth | ||
| * clipPath | ||
| * maskImage, maskMode, maskRepeat, maskPosition, maskClip, maskOrigin, maskSize, maskComposite, mask, maskBorderSource, maskBorderMode, maskBorderSlice, maskBorderWidth, maskBorderOutset, maskBorderRepeat, maskBorder, maskType | ||
| * touchAction | ||
| * textSizeAdjust | ||
| * textDecorationStyle, textDecorationSkip, textDecorationLine, textDecorationColor | ||
| * shapeImageThreshold, shapeImageMargin, shapeImageOutside | ||
| * tabSize | ||
| * filter | ||
| * resize | ||
| * hyphens | ||
| * flex, flexBasis, flexDirection, flexGrow, flexFlow, flexShrink, alignContent, alignItems, alignSelf, justifyContent, order | ||
| * flowInto, flowFrom, breakBefore, breakAfter, breakInside, regionFragment | ||
| * fontFeatureSettings | ||
| * fontKerning | ||
| * gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridTemplate, gridAutoColumns, gridAutoRows, gridAutoFlow, grid, gridRowStart, gridColumnStart, gridRowEnd, gridRow, gridColumn, gridArea, rowGap, columnGap, gridGap | ||
| * hyphens | ||
| * maskImage, maskMode, maskRepeat, maskPosition, maskClip, maskOrigin, maskSize, maskComposite, mask, maskBorderSource, maskBorderMode, maskBorderSlice, maskBorderWidth, maskBorderOutset, maskBorderRepeat, maskBorder, maskType | ||
| * objectFit, objectPosition | ||
| * resize | ||
| * scrollSnapType, scrollSnapPointsX, scrollSnapPointsY, scrollSnapDestination, scrollSnapCoordinate | ||
| * shapeImageThreshold, shapeImageMargin, shapeImageOutside | ||
| * tabSize | ||
| * textAlignLast | ||
| * textDecorationStyle, textDecorationSkip, textDecorationLine, textDecorationColor | ||
| * textEmphasisPosition, textEmphasis, textEmphasisStyle, textEmphasisColor | ||
| * textOverflow | ||
| * backgroundClip, backgroundOrigin, backgroundSize | ||
| * fontFeatureSettings | ||
| * boxShadow | ||
| * breakAfter, breakBefore, breakInside, columnCount, columnFill, columnGap, columnRule, columnRuleColor, columnRuleStyle, columnRuleWidth, columns, columnSpan, columnWidth | ||
| * textSizeAdjust | ||
| * touchAction | ||
| * transition, transitionDelay, transitionDuration, transitionProperty, transitionTimingFunction | ||
| * userSelect | ||
| * wrapFlow, wrapThrough, wrapMargin | ||
| ## Special plugins | ||
| Sometimes it is not enough to just prefix a property, but you also need to prefix the value or even transform the value at all.<br> | ||
| Therefore special plugins are used to tackle browser incompatibilities.<br> | ||
| Right now there are 7 plugins. More might come if suggested. | ||
| <br> | ||
| Sometimes it is not enough to just prefix a property, but you also need to prefix the value or even transform the property and value completely. Plugins are used to tackle browser incompatibilities. File an issue or submit a PR if a plugin you need is missing (these are roughly equivalent to Autoprefixer's *hacks*). The following plugins are included by default: | ||
| * **calc**: Adds support for prefixed `calc` values on any property. | ||
| * **cursor**: Adds support for prefixed new `cursor` values `zoom-in`, `zoom-out`, `grab`, `grabbing`. | ||
| * **flex**: Adds support for prefixed `display` values using `display: flex` or `display: inline-flex`. | ||
| * **flex**: Adds support for prefixed `display` values using `display: flex` or `display: inline-flex`. | ||
| * **flexboxIE**: Adds trasformators for the early 2012 flexbox specification used in IE 10 and IE Mobile 10. | ||
| * **flexboxOld**: Adds trasformators for the old 2009 flexbox specification used in old Webkit-based browsers. | ||
| * **gradient**: Adds support for prefixed `background` and `backgroundImage` values `linear-gradient`, `radial-gradient`, `repeating-linear-gradient` and `repeating-radial-gradient`. | ||
| * **gradient**: Adds support for prefixed `background` and `backgroundImage` values `linear-gradient`, `radial-gradient`, `repeating-linear-gradient` and `repeating-radial-gradient`. | ||
| * **sizing**: Adds support for prefixed `maxHeight`, `maxWidth`, `width`, `height`, `columnWidth`,`minWidth`, `minHeight` intrinsic & extrinsic sizing values `min-content`, `max-content`, `fill-available`, `fit-content`, `contain-floats` | ||
@@ -135,0 +137,0 @@ |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by4.43%
35029
- Number of package files
- increased by7.14%
15
- Lines of code
- increased by9.52%
345
- Number of lines in readme file
- increased by1.46%
139
Worsened metrics
- Number of low supply chain risk alerts
- increased byInfinity%
1
No dependency changes