Merge pull request #145 from outoftime/full-flex

Full support for Flexbox

Author: outoftime

npm-shrinkwrap.json

@@ -29,7 +29,7 @@
   "bugs": "https://trello.com/b/ONaFg6wh/popcode",
   "license": "MIT",
   "dependencies": {
-    "PrettyCSS": "popcodeorg/PrettyCSS#v0.3.10-popcode.1",
+    "PrettyCSS": "popcodeorg/PrettyCSS#v0.3.10-popcode.2",
     "base64-js": "^1.0.2",
     "bowser": "^1.4.1",
     "brace": "^0.8.0",

package.json

@@ -19,8 +19,18 @@ function assertFailsCssValidationWith(source, ...errors) {
 describe('css', () => {
   it('allows valid flexbox', () =>
     assertPassesCssValidation(`
-      .flex-container { display: flex; }
-      .flex-item { flex: 1 0 auto; }
+      .flex-container {
+        display: flex;
+        flex-flow: nowrap column;
+        align-content: flex-end;
+        justify-content: flex-start;
+        align-items: center;
+      }
+      .flex-item {
+        flex: 1 0 auto;
+        align-self: flex-end;
+        order: 2;
+      }
     `)
   );