title: Row Wrap in flex-box not wrapping in Safari
body: <p>A flex container has four children, each with a flex-basis of 25% an a min-width. flex-flow is set to row wrap. Browsers other then Safari handle this as expected: if the min-width is reached, it wraps the the next item to the next row. In Safari it overflow the container.</p>
  
  <p>See demo here: 
  <a href="http://codepen.io/lbilharz/pen/aJbkI">http://codepen.io/lbilharz/pen/aJbkI</a></p>
  
  <p>JADE</p>
  
  <pre><code>h1 Why this ain't wrappin' in mobile-safari?
    .flex
      for i in ['one','two','three','four']
        .item
          h2=i
  </code></pre>
  
  <p>Stylus</p>
  
  <pre><code>.flex
    display flex
    flex-wrap wrap
    flex-direction row
    padding 1em
    background lightyellow
    .item
      flex 1 0 25%
      padding 1em
      box-sizing border-box
      min-width 15em
  </code></pre>
  
  <p>Any ideas?</p>