postcss-flex-ios

1.0.1 • Public • Published

PostCSS Flex-iOS

Adds -webkit counterparts beneath all flex properties.

This is to address issues that multiple versions of iOS browsers have with the functionality of flexbox elements.

.foo {
  display: flex;
}

will be processed to:

.foo {
  display: flex;
  display: -webkit-flex;
}

Other flex properties are also addressed (full list below).

.foo {
  flex-direction: column;
}

will be processed to:

.foo {
  flex-direction: column;
  -webkit-flex-direction: column;
}

All the properties that will be processed are:

  • flex
  • flex-basis
  • flex-direction
  • flex-flow
  • flex-grow
  • flex-shrink
  • flex-wrap
  • align-items
  • justify-content

License

MIT © Ollie James

Package Sidebar

Install

npm i postcss-flex-ios

Weekly Downloads

7

Version

1.0.1

License

MIT

Unpacked Size

112 kB

Total Files

7

Last publish

Collaborators

  • osjjames