2.25.1 #Components.table-list.hover Hover
Browser support: IE10+, Safari6+, Firefox30+, Chrome30+
Markup
<ul class="sb-table-list">
<li class="sb-table-list__item sb-flex sb-align-items-center sb-hide-child">
<div class="sb-padding">Element 1</div>
<svg class="sb-icon sb-child" viewBox="0 0 13 16">
<path d="M7.21582935 3.881V0L13 6l-5.78417065 6V8.0345C.4864288 7.8705.77515533 12.7805 2.48823387 16-1.73999488 11.259-.8424844 3.663 7.21582935 3.881"/>
</svg>
</li>
<li class="sb-table-list__item sb-flex sb-align-items-center sb-hide-child">
<div class="sb-padding">Element 2</div>
<svg class="sb-icon sb-child" viewBox="0 0 13 16">
<path d="M7.21582935 3.881V0L13 6l-5.78417065 6V8.0345C.4864288 7.8705.77515533 12.7805 2.48823387 16-1.73999488 11.259-.8424844 3.663 7.21582935 3.881"/>
</svg>
</li>
<li class="sb-table-list__item sb-flex sb-align-items-center sb-hide-child">
<div class="sb-padding">Element 3</div>
<svg class="sb-icon sb-child" viewBox="0 0 13 16">
<path d="M7.21582935 3.881V0L13 6l-5.78417065 6V8.0345C.4864288 7.8705.77515533 12.7805 2.48823387 16-1.73999488 11.259-.8424844 3.663 7.21582935 3.881"/>
</svg>
</li>
<li class="sb-table-list__item sb-flex sb-align-items-center sb-hide-child">
<div class="sb-padding">Element 4</div>
<svg class="sb-icon sb-child" viewBox="0 0 13 16">
<path d="M7.21582935 3.881V0L13 6l-5.78417065 6V8.0345C.4864288 7.8705.77515533 12.7805 2.48823387 16-1.73999488 11.259-.8424844 3.663 7.21582935 3.881"/>
</svg>
</li>
</ul>
Source: components/_table-list.scss, line 31