make flex work with webkit

assets/stylesheets/pages/_haskell.scss

@@ -46,10 +46,16 @@ dd > pre {
 // complexity classes are blue boxes
 .with-complexity {
   display: flex;
+  display: -webkit-flex;
+
   justify-content: space-between;
+  -webkit-justify-content: space-between;
+
   align-items: flex-start;
+  -webkit-align-items: flex-start;
+
   align-content: stretch;
-  flex-direction: row;
+  -webkit-align-content: stretch;
 }
 
 .complexity {
@@ -60,12 +66,17 @@ dd > pre {
     margin-bottom: 0.75em;
     font-style: italic;
     white-space: nowrap;
+
     flex-shrink: 0;
-    order:2;
+    -webkit-flex-shrink: 0;
+
+    order: 2;
+    -webkit-order: 2;
 }
 
 .complexity + span {
   order: 1;
+    -webkit-order: 1;
 }
 
 // add box type to "since: ..."