stylecow-plugin-flex
v6.0.1
Published
Stylecow plugin to add vendor prefixes and create fallback in browsers supporting the old flexbox syntax
Downloads
26
Readme
stylecow plugin flex
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