Raptus Design Theme

Example
Markup
<div class="filter-sidebar filter-sidebar--dropdowns">
    <div class="filter-sidebar__block">
        <input type="checkbox" id="dropdown-1" class="filter-sidebar__toggle">
        <label class="filter-sidebar__trigger bar" for="dropdown-1">
            <div class="bar__title card-title card-title--large card-title--left-zero">
                <h4 class="card-title__title">Marken</h4>
            </div>
            <div class="bar__secondary bar-actions">
                <ul class="bar-actions__actions">
                    <li>
                        <span class="btn btn--plain btn--icon icon icon-chevron-down"></span>
                    </li>
                </ul>
            </div>
        </label>
        <div class="filter-sidebar__filters">
            <div class="input">
                <label class="checkbox-radio">
                    <input class="checkbox-radio__widget" type="checkbox">
                    <span class="checkbox-radio__label">ABUS</span>
                </label>
            </div>
            <div class="input">
                <label class="checkbox-radio">
                    <input class="checkbox-radio__widget" type="checkbox">
                    <span class="checkbox-radio__label">Swisscom</span>
                </label>
            </div>
            <div class="input">
                <label class="checkbox-radio">
                    <input class="checkbox-radio__widget" type="checkbox">
                    <span class="checkbox-radio__label">BMW</span>
                </label>
            </div>
        </div>
    </div>
    <div class="filter-sidebar__block">
        <input type="checkbox" id="dropdown-2" class="filter-sidebar__toggle">
        <label class="filter-sidebar__trigger bar" for="dropdown-2">
            <div class="bar__title card-title card-title--large card-title--left-zero">
                <h4 class="card-title__title">Filter 2</h4>
            </div>
            <div class="bar__secondary bar-actions">
                <ul class="bar-actions__actions">
                    <li>
                        <span class="btn btn--plain btn--icon icon icon-chevron-down"></span>
                    </li>
                </ul>
            </div>
        </label>
        <div class="filter-sidebar__filters">
            <div class="input">
                <label class="checkbox-radio">
                    <input class="checkbox-radio__widget" type="checkbox">
                    <span class="checkbox-radio__label">Eintrag 1</span>
                </label>
            </div>
            <div class="input">
                <label class="checkbox-radio">
                    <input class="checkbox-radio__widget" type="checkbox">
                    <span class="checkbox-radio__label">Eintrag 2</span>
                </label>
            </div>
            <div class="input">
                <label class="checkbox-radio">
                    <input class="checkbox-radio__widget" type="checkbox">
                    <span class="checkbox-radio__label">Eintrag 3</span>
                </label>
            </div>
        </div>
    </div>
</div>
Source: assets/styles/04-organisms/01-base/_filter-sidebar.scss, line 100