BAGS — Design System

Benefits Bag 

<div class="benefits benefits--bag ">
    <a data-html="true" class="benefit " data-toggle="tooltip" title="">
        <span class="icon-placeholder benefit__icon"><i class="icon-pic-magnify"></i></span>
        <div class="benefit__title">5&nbsp;filtračních vrstev</div>
    </a>
    <a data-html="true" class="benefit " data-toggle="tooltip" title="">
        <span class="icon-placeholder benefit__icon"><i class="icon-pic-space"></i></span>
        <div class="benefit__title">Lepší využití prostoru</div>
    </a>
    <a data-html="true" class="benefit " data-toggle="tooltip" title="">
        <span class="icon-placeholder benefit__icon"><i class="icon-pic-clock"></i></span>
        <div class="benefit__title">Prodloužená životnost</div>
    </a>
    <a data-html="true" class="benefit " data-toggle="tooltip" title="">
        <span class="icon-placeholder benefit__icon"><i class="icon-pic-filter"></i></span>
        <div class="benefit__title">Účinnější filtrace</div>
    </a>
    <a data-html="true" class="benefit " data-toggle="tooltip" title="">
        <span class="icon-placeholder benefit__icon"><i class="icon-pic-join"></i></span>
        <div class="benefit__title">Pevnost spoje</div>
    </a>
    <a data-html="true" class="benefit " data-toggle="tooltip" title="">
        <span class="icon-placeholder benefit__icon"><i class="icon-pic-closing"></i></span>
        <div class="benefit__title">Hygienický uzávěr</div>
    </a>
</div>
 
<div class="benefits benefits--bag {{ class }}">
    {% render '@benefit--bag-magnify' %}
    {% render '@benefit--bag-space' %}
    {% render '@benefit--bag-clock' %}
    {% render '@benefit--bag-filter' %}
    {% render '@benefit--bag-join' %}
    {% render '@benefit--bag-closing' %}
</div>
 
/* No context defined. */

No notes defined.