Package Exports
- equalheights.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (equalheights.js) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
EqualHeights.js
Lightweight, es6 module to set equal height to html elements.
Usage
add js-equal-height to each parent element
Inside those js-equal-height element you can define regions that has to have the same height by adding a data attribute data-equal-height="place a unique name here"
Also take a look in dist/index.html
Warning
Collapsing margins are not supported. The element where the data-equal-height is place on can not have collapsing margins inside. There are ways to prevent them. E.g. adding padding-bottom: 1px to the element. Or overflow: auto;
Features
- Flexible.
- Public methods to recalculate heights.
- ES6 Module or as a standalone library.
This is still a work in progress, more documentation coming soon.