style-equal-height
v1.2.5
Published
Applies the same height to one or more groups of elements by use of a style tag (instead of using the inline style attribute)
Downloads
141
Readme
style-equal-height
Most projects like this work by applying an inline style to all elements that match the provided selector.
This works great, unless you have something else changing those elements that will override or simply forget the style attribute.
This plugin will append a style tag to the bottom of your page with the necessary style rules to make the heights equal.
Usage
Download the plugin here and add it to your page
<script source="../style-equal-height.js"></script>
or
npm install -S style-equal-height
if you used npm, import the module in your project
import * as styleEqualHeight from 'same-equal-height';
(skip this if you added it directly to your page :) );
styleEqualHeight.add( ".selector" [, "media-query" ] )
will make all elements matching the selector have the same height; Optional media query can be added, allowing different rules according to the screen width, for instance;window.addEventListener('resize', styleEqualHeight.trigger)
will update if anytime the window is resized;