flexbox-polyfills v1.0.2

flexbox-polyfills

Polyfills for flexbox

Module version of @richardtorres314's gist

Click here for original gist!

I am using these API's in one of my ReactJs project with a combination of style components.

Installation

npm install flexbox-polyfills or yarn add flexbox-polyfills

Usage:

Flexbox

Usage

import { flexbox } from 'flexbox-polyfills'; ${flexbox()}

Flex

Usage

import { flex } from 'flexbox-polyfills'; ${flex('auto')}

FlexDirection

Usage

import { flexDirection } from 'flexbox-polyfills'; ${flexDirection('column-reverse')}

FlexWrap

Usage

import { flexWrap } from 'flexbox-polyfills'; ${flexWrap('wrap')}

FlexFlow

Usage

import { flexFlow } from 'flexbox-polyfills'; ${flexFlow('row-reverse wrap')}

Order

Usage

import { order } from 'flexbox-polyfills'; ${order(-1)}

FlexGrow

Usage

import { flexGrow } from 'flexbox-polyfills'; ${flexGrow(1)}

FlexShrink

Usage

import { flexShrink } from 'flexbox-polyfills'; ${flexShrink(1)}

FlexBasis

Usage

import { flexBasis } from 'flexbox-polyfills'; ${flexBasis('100px')}

JustifyContent

Usage

import { justifyContent } from 'flexbox-polyfills'; ${justifyContent('flex-start')}

AlignContent

Usage

import { alignContent } from 'flexbox-polyfills'; ${alignContent('flex-start')}

AlignItems

Usage

import { alignItems } from 'flexbox-polyfills'; ${alignItems('flex-start')}

align

Usage

import { align } from 'flexbox-polyfills'; ${alignSelf('flex-start')}

Thanks @richardtorres314 for awesome gist!

License

flexbox-polyfills is available under the MIT license. See the LICENSE file for more info.