Flexbox高度问题（basscss）

Question

我正在使用支持flexbox的框架basscss。有一些关于相等/伸展高度的问题。

<div class="flex mb2">
    <div class="flex flex-wrap col col-4">
      <div class="flex flex-wrap col-12">
        <div class="self-start col-12 border">A1</div>
        <div class="flex col-12 border py2">A2</div>
      </div>
    </div>
    <div class="flex flex-wrap col col-4">
      <div class="flex flex-wrap col-12">
        <div class="self-start col-12 border">B1</div>
        <div class="flex col-12 border py3">B2</div>
      </div>
    </div>
    <div class="flex flex-wrap col col-4">
      <div class="flex flex-wrap col-12">
        <div class="self-start col-12 border">C1</div>
        <div class="flex col-12 border py4">C2</div>
      </div>
    </div>
  </div>

https://jsfiddle.net/dcy15y3r/

如何使所有 A 高度完全相同，以及 B 高度以填充剩余空间？