No notes defined.
<div class=" categories">
<label class="categories__category toggleButton -outline -secondary" tabindex="0" for="toggle1">
<input name="example-1" class="toggleButton__input" type="radio" id="toggle1">
<span class="toggleButton__label">
<div class="toggleButton__checkbox -radio">
<svg class="toggleButton__icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none">
<circle cx="12" cy="12" r="2" fill="currentColor" />
</svg>
</div>
Category
</span>
</label>
<label class="categories__category toggleButton -outline -secondary" tabindex="0" for="toggle2">
<input name="example-1" class="toggleButton__input" type="radio" id="toggle2">
<span class="toggleButton__label">
<div class="toggleButton__checkbox -radio">
<svg class="toggleButton__icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none">
<circle cx="12" cy="12" r="2" fill="currentColor" />
</svg>
</div>
Category
</span>
</label>
<label class="categories__category toggleButton -outline -secondary" tabindex="0" for="toggle3">
<input name="example-1" class="toggleButton__input" type="radio" id="toggle3">
<span class="toggleButton__label">
<div class="toggleButton__checkbox -radio">
<svg class="toggleButton__icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none">
<circle cx="12" cy="12" r="2" fill="currentColor" />
</svg>
</div>
Category
</span>
</label>
</div>
.categories {
display: flex;
flex-flow: row wrap;
&__category {
margin-right: 1rem;
margin-bottom: 1rem;
}
}