flauwekeul

<div class="outer">
<div class="row">
  <div class="col">
    <div class="col-nested"></div>
    <div class="col-nested"></div>
    <div class="col-nested last"></div>
  </div>
  <div class="col"></div>
</div>

flauwekeul

// Inspired by http://css-tricks.com/vertically-center-multi-lined-text/
@mixin vertical-center-children($height: auto, $children: ':first-child') {
  display: table;
  height: $height;

  #{$children} {
    display: table-cell;
    vertical-align: middle;
  }
}