equal height cards within layout and flex

Is there an existing way to achieve that all cards have equal height in a row when using layout? My workaround is calculating cards height like in the example below in order to consider the margin (using current version 0.12.0).

  .flex > .card.ma-2
    height calc(100% - 16px)!important

The layout is generated like this, and original height of cards is not the same without the above rule:

  v-layout(row wrap child-flex)
    v-flex(xs12 sm6)
      card1
    v-flex(xs12 sm6)
      card2

Maybe a more generic approach would be good for layout - e.g. using the fill-height in a different way (currently I add full-height on the layout element and so the effect is limited only to desired places):

  .full-height > .flex > .card.ma-2
    height calc(100% - 16px)!important

[smares]

http://codepen.io/anon/pen/mmadzG

[SumNeuron]

This is a similar question, so I am appending it here, but is there an vuetify equivalent to bootstrap card decks? e.g. have two cards one with 1-line title the other with 3-line title, but have the start/end of the titles, the start/end of the text-body and the start / end of the footers line up?