Stylecow plugin to add vendor prefixes and create fallback with the old flexbox syntax in explorer 10 and webkit
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
tests
.gitignore
.travis.yml
LICENSE
README.md
index.js
package.json

README.md

stylecow plugin flex

Build Status

Stylecow plugin to generate the css code with the old flexbox syntax in explorer 10 and webkit.

Note: this plugin does not add vendor prefixes to the new syntax, use stylecow-plugin-prefixes to that.

More info:

You write:

body {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: row;
}

p {
	flex-grow: 1;
}

And stylecow converts to:

body {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	justify-content: flex-end;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	flex-direction: row;
}
p {
	-ms-flex-positive: 1;
	-webkit-box-flex: 1;
	flex-grow: 1;
}

More demos in the tests folder