Skip to content

Make the tiles all have the same height (clip contents)

Justin Coyne edited this page Aug 29, 2014 · 2 revisions
#documents.row.gallery {
  display: block;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  .document {
    display: flex;
    flex: none;
    .thumbnail {
      &> a {
        display: block;
        height: 80px;
      }
      .caption {
        height: 160px;
        overflow: hidden;
        dl.document-metadata {
          margin-bottom: 0;
        }
      }
      width: 100%;
      padding-bottom: 10px;
    }
  }
}

Produces this result: Example of all tiles having a consistent height.