Added support for align-items: stretch in grid

Now you can do:

```
<div class="row row-stretch">
    <div class="col">Very<br />Much<br />Text<br /></div>
    <div class="col">Short</div>
    <div class="col">Shrt</div>
</div>
```

All columns will have equal heights. Especially useful when 'simulating' tables with the grid system.
This commit is contained in:
Robin van Baalen
2014-04-04 09:12:28 -07:00
parent ad12bffca7
commit 804dfd7a38

View File

@@ -1,4 +1,3 @@
/**
* Grid
* --------------------------------------------------
@@ -39,6 +38,9 @@
.row-center {
@include align-items(center);
}
.row-stretch {
@include align-items(stretch);
}
/* .col-* vertically aligns an individual .col */
.col-top {