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