Equal Height Blocks
Flexbox Based Responsive Equal Height Blocks With JavaScript Fallback.
Based on http://osvaldas.info/flexbox-based-responsive-equal-height-blocks-with-javascript-fallback
Usage
With webpack:
if !Modernizr require;
"~dotsunited-equal-height-blocks/lib/mixins"; .list .dotsunited-equal-height-blocks-container; // If the list item is not a direct descendant if the list element, apply // the item wrapper mixin to all wrapper elements, eg. for a html // structure like: // // <ul class="list"> // <li> // <div class="list__item">...</div> // </li> // </ul> /*li { .dotsunited-equal-height-blocks-item-wrapper(); }*/ .list__item background: #eee;
License
Copyright (c) 2015 Dots United GmbH. Released under the MIT license.