ap_equal_height

Mateřký element(kontejner):

.js-row-equal-height

Vnořené elementy mohou ít jednu z těchto tříd:

.js-img-equal-height
.js-img-var-equal-height
.js-hd-equal-height
.js-hd-alt-equal-height
.js-bd-equal-height
.js-bd-alt-equal-height
.js-ft-equal-height
.js-ft-alt-equal-height

Lze tedy výškově vyrovnat celé elementy, nebo jejich jednotlivé časti

Příklady:

stejná výška elemetů v gridu:

<div class="row js-row-equal-height">
 <div class="column size1of6">
  <div class="element-stejne-vysky js-bd-equal-height">
    elementy mají stejnou výšku podle nejvyššího
  </div>
  ...
 </div>
</div>

vyrovnání položek v menu:

<ul class="list js-row-equal-height">
  <li class="th-0 size1of7">
    <a href="#" class="js-hd-equal-height"></a>
  </li>
  <li class="th-1 size1of7">
    <a href="#" class="js-hd-equal-height"></a>
  </li>
</ul>

Zrušení vyrovnávání pro tablet(< 768px):
- přidáme třídu .mobile-js-equal-height-collapse

<div class="element-stejne-vysky js-bd-equal-height mobile-js-equal-height-collapse">