7.0.1 • Published 7 months ago

inline-style-prefixer v7.0.1

Weekly downloads
1,148,461
License
MIT
Repository
github
Last release
7 months ago

inline-style-prefixer

A small, simple and fast vendor prefixer from JavaScript style object.

Installation

yarn add inline-style-prefixer

If you're still using npm, you may run npm i --save inline-style-prefixer.

Browser Support

It supports all major browsers with the following versions. For other, unsupported browses, we automatically use a fallback.

  • Chrome: 55+
  • Android (Chrome): 55+
  • Android (Stock Browser): 5+
  • Android (UC): 11+
  • Firefox: 52+
  • Safari: 13+
  • iOS (Safari): 13+
  • Opera: 30+
  • Opera (Mini): 12+
  • IE: 11+
  • IE (Mobile): 11+
  • Edge: 12+

It will only add prefixes if a property still needs them in one of the above mentioned versions. Therefore, e.g. border-radius will not be prefixed at all.

Need to support legacy browser versions? Don't worry - we got you covered. Check this guide.

Usage

import { prefix } from 'inline-style-prefixer'

const style = {
  transition: '200ms all linear',
  boxSizing: 'border-box',
  display: 'flex',
  color: 'blue'
}

const output = prefix(style)

output === {
  WebkitTransition: '200ms all linear',
  transition: '200ms all linear',
  MozBoxSizing: 'border-box',
  boxSizing: 'border-box',
  display: [ '-webkit-box', '-moz-box', '-ms-flexbox', '-webkit-flex', 'flex' ],
  color: 'blue'
}

Usage with TypeScript

You can use TypeScript definition from DefinitelyTyped using @types/inline-style-prefixer

yarn add @types/inline-style-prefixer

# alternatively use npm
npm i --save @types/inline-style-prefixer

Documentation

If you got any issue using this prefixer, please first check the FAQ's. Most cases are already covered and provide a solid solution.

Community

Here are some popular users of this library:

PS: Feel free to add your solution!

Support

Join us on Gitter. We highly appreciate any contribution. We also love to get feedback.

License

inline-style-prefixer is licensed under the MIT License. Documentation is licensed under Creative Common License. Created with ♥ by @rofrischmann and all contributors.

@alexghi/material-uisunbin-plugin-react-native-stylesheet-to-css-texttaro-plugin-convert-react-native-stylesheettest-only-chazzhou-vue-ten@likethemammal/react-primitives@likethemammal/react-primitives_react-native-web_latest@fela-next/fela-plugin-prefixervue-express-mongodb-boilerplatereact-portal-popreact-native-web-dctest-only-ten-design-vue@umidbekkarimov/material-ui@careteam/test-care-ui-reacthexidave-material-ui-oldmithril-modalzuosh-split-panevuetify-styled-componentssujester-componentsteasim-samplesnuxt-styled-componentsreact-native-slider-kf@infinitebrahmanuniverse/nolb-inl@sparted/react-native-webreact-native-web-templuck-design-test@everything-registry/sub-chunk-1915tarojs-plugin-react-native-stylesheetsyncano-material-uitabui-react-nativeten-designten-design-reactten-design-vuewonderwall-builderxl-react-split-panern-webrn-web-lxrnwcsaikat-material-uisamtoday--material-uisc-react-ionsrn-dom-rendererreacteereact-web-uireactjs-dropdownreact-window-scroll-topsparta-material-uispirokit-native-basesea-uireact-native-webreact-native-web-experimentalreact-native-web-extendedreact-native-web-iereact-native-web-no-typecheckreact-native-web-single-bundlereact-native-web-with-reactreisyreyletest-r-componenttest-ray-componentsthanh-materialthe-strangerthor-material-uiux-video-playervelocity-muivuduvudu-too@cezaraugusto/venusreact-native-web-artlesslearnta-math-inputhero-uijnarwold-react-swipeable-tabsjesh-calculationjacob-duong-awry-utilitiesliutestatomicmicroappmu-svmui-legacyknotel-time-pickerhive-designhive-design-reacthive-design-vuehf-componentshvue-renderinferno-split-paneinferno-styletrongospelgr8rjud-vue-renderjilelaborumlaboreglamglamorglamor-fixesglorymaterial-ui-build-bchenmaterial-ui-build-react-16material-ui-effcomaterial-ui-expressmaterial-ui-customizedmaterial-ui-datetime-range-picker
7.0.1

7 months ago

6.0.3

2 years ago

6.0.2

2 years ago

6.0.4

2 years ago

7.0.0

2 years ago

6.0.1

3 years ago

6.0.0

5 years ago

5.1.2

5 years ago

5.1.1

5 years ago

5.1.0

6 years ago

5.0.4

6 years ago

5.0.3

6 years ago

5.0.2

6 years ago

5.0.1

6 years ago

5.0.0

6 years ago

4.0.2

7 years ago

4.0.0

7 years ago

3.0.8

7 years ago

3.0.7

8 years ago

3.0.6

8 years ago

3.0.5

8 years ago

3.0.4

8 years ago

3.0.3

8 years ago

3.0.2

8 years ago

3.0.1

8 years ago

3.0.0

8 years ago

2.0.5

8 years ago

2.0.4

8 years ago

2.0.3

8 years ago

2.0.2

8 years ago

2.0.1

9 years ago

2.0.0

9 years ago

1.0.4

9 years ago

1.0.3

9 years ago

1.0.2

9 years ago

1.0.1

9 years ago

1.0.0

9 years ago

0.6.7

9 years ago

0.6.6

9 years ago

0.6.5

9 years ago

0.6.4

9 years ago

0.6.3

9 years ago

0.6.2

9 years ago

0.6.1

9 years ago

0.6.0

9 years ago

0.5.4

9 years ago

0.5.3

9 years ago

0.5.2

9 years ago

0.5.1

9 years ago

0.5.0

9 years ago

0.4.0

9 years ago

0.3.3

9 years ago

0.3.2

9 years ago

0.3.1

9 years ago

0.3.0

9 years ago

0.2.5

9 years ago

0.2.4

9 years ago

0.2.3

9 years ago

0.2.2

9 years ago

0.2.1

9 years ago

0.2.0

9 years ago

0.1.9

9 years ago

0.1.8

9 years ago

0.1.7

9 years ago

0.1.6

9 years ago

0.1.5

9 years ago

0.1.4

9 years ago

0.1.3

9 years ago

0.1.2

9 years ago

0.1.1

9 years ago

0.1.0

9 years ago