2018-01-31 18:06:06 +01:00
|
|
|
<div class="settings-list-wrapper">
|
|
|
|
{{#if label}}
|
2018-04-30 02:45:03 +02:00
|
|
|
<ul class="settings-list" aria-label={{label}}>
|
2018-01-31 18:06:06 +01:00
|
|
|
<slot></slot>
|
|
|
|
</ul>
|
|
|
|
{{else}}
|
|
|
|
<ul class="settings-list">
|
|
|
|
<slot></slot>
|
|
|
|
</ul>
|
|
|
|
{{/if}}
|
|
|
|
</div>
|
2018-01-13 21:12:17 +01:00
|
|
|
<style>
|
2018-01-31 18:06:06 +01:00
|
|
|
.settings-list-wrapper {
|
|
|
|
margin: 20px 20px;
|
|
|
|
}
|
2018-01-20 21:35:38 +01:00
|
|
|
ul.settings-list {
|
2018-01-13 21:12:17 +01:00
|
|
|
list-style: none;
|
2018-01-14 20:22:57 +01:00
|
|
|
width: 100%;
|
2018-01-13 21:12:17 +01:00
|
|
|
border: 1px solid var(--settings-list-item-border);
|
2018-01-31 18:06:06 +01:00
|
|
|
margin: 0 auto;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
.settings-list-wrapper {
|
|
|
|
margin: 20px 0;
|
|
|
|
}
|
2018-01-13 21:12:17 +01:00
|
|
|
}
|
|
|
|
</style>
|