<!-- Default -->
<div class="list-header">
<div class="list-header__text">
<h3 class="list-header__title">Text List</h3>
</div>
</div>
<ul class="list text-list">
<li class="list-item list-item-title-only">
<div class="list-item__text-wrapper">
<p class="list-item__title">Send me a reminder before each shift</p>
</div>
</li>
</ul>
<!-- Subtitle -->
<div class="list-header">
<div class="list-header__text">
<h3 class="list-header__title">Holidays</h3>
</div>
</div>
<ul class="list text-list">
<li class="list-item">
<div class="list-item__text-wrapper">
<p class="list-item__title">Wed, Nov 28, 2018</p>
<p class="list-item__subtitle">Closed</p>
</div>
</li>
</ul>
<!-- Actions -->
<div class="list-header">
<div class="list-header__text">
<h3 class="list-header__title">Actions</h3>
</div>
</div>
<ul class="list text-list">
<li class="list-item list-item-title-only">
<div class="list-item__text-wrapper">
<p class="list-item__title">Send me a reminder before each shift</p>
</div>
<div class="list-item__actions-wrapper">
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.29 3.05762L18.9417 5.70928" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
</div>
</li>
<li class="list-item list-item-title-only">
<div class="list-item__text-wrapper">
<p class="list-item__title">Send me a reminder before each shift</p>
</div>
<div class="list-item__actions-wrapper">
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.29 3.05762L18.9417 5.70928" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M8.125 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M11.875 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.875 5H18.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
</div>
</li>
<li class="list-item list-item-title-only">
<div class="list-item__text-wrapper">
<p class="list-item__title">Send me a reminder before each shift</p>
</div>
<div class="list-item__actions-wrapper">
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.29 3.05762L18.9417 5.70928" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M8.125 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M11.875 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.875 5H18.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M3.8125 12.2065C5.02062 12.2065 6 11.2272 6 10.019C6 8.81092 5.02062 7.83154 3.8125 7.83154C2.60438 7.83154 1.625 8.81092 1.625 10.019C1.625 11.2272 2.60438 12.2065 3.8125 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M18.1875 12.2065C19.3956 12.2065 20.375 11.2272 20.375 10.019C20.375 8.81092 19.3956 7.83154 18.1875 7.83154C16.9794 7.83154 16 8.81092 16 10.019C16 11.2272 16.9794 12.2065 18.1875 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11 12.2065C12.2081 12.2065 13.1875 11.2272 13.1875 10.019C13.1875 8.81092 12.2081 7.83154 11 7.83154C9.79188 7.83154 8.8125 8.81092 8.8125 10.019C8.8125 11.2272 9.79188 12.2065 11 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
</div>
</li>
</ul>
<!-- Actions -->
<div class="list-header">
<div class="list-header__text">
<h3 class="list-header__title">Actions</h3>
</div>
</div>
<ul class="list text-list">
<li class="list-item list-item-title-only list-item--is-draggable">
<?xml version="1.0" encoding="utf-8"?>
<svg class='drag-handle' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M0 0H20V20H0V0Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M16.6666 7.5H3.33325V9.16667H16.6666V7.5V7.5ZM3.33325 12.4999H16.6666V10.8333H3.33325V12.4999V12.4999Z"/>
</svg>
<div class="list-item__text-wrapper">
<p class="list-item__title">Send me a reminder before each shift</p>
</div>
</li>
<li class="list-item list-item-title-only list-item--is-draggable">
<?xml version="1.0" encoding="utf-8"?>
<svg class='drag-handle' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M0 0H20V20H0V0Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M16.6666 7.5H3.33325V9.16667H16.6666V7.5V7.5ZM3.33325 12.4999H16.6666V10.8333H3.33325V12.4999V12.4999Z"/>
</svg>
<div class="list-item__text-wrapper">
<p class="list-item__title">Send me a reminder before each shift</p>
</div>
</li>
<li class="list-item list-item-title-only list-item--is-draggable">
<?xml version="1.0" encoding="utf-8"?>
<svg class='drag-handle' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M0 0H20V20H0V0Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M16.6666 7.5H3.33325V9.16667H16.6666V7.5V7.5ZM3.33325 12.4999H16.6666V10.8333H3.33325V12.4999V12.4999Z"/>
</svg>
<div class="list-item__text-wrapper">
<p class="list-item__title">Send me a reminder before each shift</p>
</div>
</li>
</ul>
<!-- Actions Subtitle -->
<div class="list-header">
<div class="list-header__text">
<h3 class="list-header__title">Actions</h3>
</div>
</div>
<ul class="list text-list">
<li class="list-item">
<div class="list-item__text-wrapper">
<p class="list-item__title">Wed, Nov 28, 2018</p>
<p class="list-item__subtitle">Closed</p>
</div>
<div class="list-item__actions-wrapper">
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.29 3.05762L18.9417 5.70928" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
</div>
</li>
<li class="list-item">
<div class="list-item__text-wrapper">
<p class="list-item__title">Wed, Nov 28, 2018</p>
<p class="list-item__subtitle">Closed</p>
</div>
<div class="list-item__actions-wrapper">
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.29 3.05762L18.9417 5.70928" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M8.125 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M11.875 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.875 5H18.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
</div>
</li>
<li class="list-item">
<div class="list-item__text-wrapper">
<p class="list-item__title">Wed, Nov 28, 2018</p>
<p class="list-item__subtitle">Closed</p>
</div>
<div class="list-item__actions-wrapper">
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.29 3.05762L18.9417 5.70928" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M8.125 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M11.875 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.875 5H18.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M3.8125 12.2065C5.02062 12.2065 6 11.2272 6 10.019C6 8.81092 5.02062 7.83154 3.8125 7.83154C2.60438 7.83154 1.625 8.81092 1.625 10.019C1.625 11.2272 2.60438 12.2065 3.8125 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M18.1875 12.2065C19.3956 12.2065 20.375 11.2272 20.375 10.019C20.375 8.81092 19.3956 7.83154 18.1875 7.83154C16.9794 7.83154 16 8.81092 16 10.019C16 11.2272 16.9794 12.2065 18.1875 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11 12.2065C12.2081 12.2065 13.1875 11.2272 13.1875 10.019C13.1875 8.81092 12.2081 7.83154 11 7.83154C9.79188 7.83154 8.8125 8.81092 8.8125 10.019C8.8125 11.2272 9.79188 12.2065 11 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
</div>
</li>
</ul>
<!-- Icon -->
<div class="list-header">
<div class="list-header__text">
<h3 class="list-header__title">Important Dates</h3>
</div>
</div>
<ul class="list text-list">
<li class="list-item">
<div class="list-item__image-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg class='list-item__icon' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
<path fill="none" d="M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M6.625 16.625H9.125" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.625 9.125H20.375" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M6.625 6V1.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M15.375 6V1.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="list-item__text-wrapper">
<p class="list-item__title">Wed, Nov 28, 2018</p>
<p class="list-item__subtitle">Closed</p>
</div>
</li>
<li class="list-item">
<div class="list-item__image-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg class='list-item__icon' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
<path fill="none" d="M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M6.625 16.625H9.125" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.625 9.125H20.375" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M6.625 6V1.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M15.375 6V1.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="list-item__text-wrapper">
<p class="list-item__title">Thu, Nov 29, 2018</p>
<p class="list-item__subtitle">Closed</p>
</div>
</li>
<li class="list-item">
<div class="list-item__image-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg class='list-item__icon' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
<path fill="none" d="M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M6.625 16.625H9.125" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.625 9.125H20.375" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M6.625 6V1.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M15.375 6V1.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="list-item__text-wrapper">
<p class="list-item__title">Fri, Nov 30, 2018</p>
<p class="list-item__subtitle">10am–10pm</p>
</div>
</li>
</ul>
<!-- Icon Draggable -->
<div class="list-header">
<div class="list-header__text">
<h3 class="list-header__title">Important Dates</h3>
</div>
</div>
<ul class="list text-list">
<li class="list-item list-item--is-draggable">
<?xml version="1.0" encoding="utf-8"?>
<svg class='drag-handle' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M0 0H20V20H0V0Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M16.6666 7.5H3.33325V9.16667H16.6666V7.5V7.5ZM3.33325 12.4999H16.6666V10.8333H3.33325V12.4999V12.4999Z"/>
</svg>
<div class="list-item__text-wrapper">
<p class="list-item__title">Wed, Nov 28, 2018</p>
<p class="list-item__subtitle">Closed</p>
</div>
</li>
<li class="list-item list-item--is-draggable">
<?xml version="1.0" encoding="utf-8"?>
<svg class='drag-handle' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M0 0H20V20H0V0Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M16.6666 7.5H3.33325V9.16667H16.6666V7.5V7.5ZM3.33325 12.4999H16.6666V10.8333H3.33325V12.4999V12.4999Z"/>
</svg>
<div class="list-item__text-wrapper">
<p class="list-item__title">Thu, Nov 29, 2018</p>
<p class="list-item__subtitle">Closed</p>
</div>
</li>
<li class="list-item list-item--is-draggable">
<?xml version="1.0" encoding="utf-8"?>
<svg class='drag-handle' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M0 0H20V20H0V0Z" /><path fill-rule="evenodd" clip-rule="evenodd" d="M16.6666 7.5H3.33325V9.16667H16.6666V7.5V7.5ZM3.33325 12.4999H16.6666V10.8333H3.33325V12.4999V12.4999Z"/>
</svg>
<div class="list-item__text-wrapper">
<p class="list-item__title">Fri, Nov 30, 2018</p>
<p class="list-item__subtitle">10am–10pm</p>
</div>
</li>
</ul>
<!-- Small -->
<div class="list-header list-header-small">
<div class="list-header__text">
<h3 class="list-header__title">Important Dates</h3>
</div>
</div>
<ul class="list text-list list-small">
<li class="list-item">
<div class="list-item__image-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg class='list-item__icon' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
<path fill="none" d="M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M6.625 16.625H9.125" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.625 9.125H20.375" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M6.625 6V1.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M15.375 6V1.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="list-item__text-wrapper">
<p class="list-item__title">Wed, Nov 28, 2018</p>
<p class="list-item__subtitle">Closed</p>
</div>
<div class="list-item__actions-wrapper">
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.29 3.05762L18.9417 5.70928" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M8.125 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M11.875 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.875 5H18.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M3.8125 12.2065C5.02062 12.2065 6 11.2272 6 10.019C6 8.81092 5.02062 7.83154 3.8125 7.83154C2.60438 7.83154 1.625 8.81092 1.625 10.019C1.625 11.2272 2.60438 12.2065 3.8125 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M18.1875 12.2065C19.3956 12.2065 20.375 11.2272 20.375 10.019C20.375 8.81092 19.3956 7.83154 18.1875 7.83154C16.9794 7.83154 16 8.81092 16 10.019C16 11.2272 16.9794 12.2065 18.1875 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11 12.2065C12.2081 12.2065 13.1875 11.2272 13.1875 10.019C13.1875 8.81092 12.2081 7.83154 11 7.83154C9.79188 7.83154 8.8125 8.81092 8.8125 10.019C8.8125 11.2272 9.79188 12.2065 11 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
</div>
</li>
<li class="list-item">
<div class="list-item__image-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg class='list-item__icon' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
<path fill="none" d="M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M6.625 16.625H9.125" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.625 9.125H20.375" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M6.625 6V1.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M15.375 6V1.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="list-item__text-wrapper">
<p class="list-item__title">Thu, Nov 29, 2018</p>
<p class="list-item__subtitle">Closed</p>
</div>
<div class="list-item__actions-wrapper">
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.29 3.05762L18.9417 5.70928" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M8.125 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M11.875 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.875 5H18.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M3.8125 12.2065C5.02062 12.2065 6 11.2272 6 10.019C6 8.81092 5.02062 7.83154 3.8125 7.83154C2.60438 7.83154 1.625 8.81092 1.625 10.019C1.625 11.2272 2.60438 12.2065 3.8125 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M18.1875 12.2065C19.3956 12.2065 20.375 11.2272 20.375 10.019C20.375 8.81092 19.3956 7.83154 18.1875 7.83154C16.9794 7.83154 16 8.81092 16 10.019C16 11.2272 16.9794 12.2065 18.1875 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11 12.2065C12.2081 12.2065 13.1875 11.2272 13.1875 10.019C13.1875 8.81092 12.2081 7.83154 11 7.83154C9.79188 7.83154 8.8125 8.81092 8.8125 10.019C8.8125 11.2272 9.79188 12.2065 11 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
</div>
</li>
<li class="list-item">
<div class="list-item__image-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg class='list-item__icon' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve">
<path fill="none" d="M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M6.625 16.625H9.125" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.625 9.125H20.375" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M6.625 6V1.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M15.375 6V1.625" stroke="#737780" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="list-item__text-wrapper">
<p class="list-item__title">Fri, Nov 30, 2018</p>
<p class="list-item__subtitle">10am–10pm</p>
</div>
<div class="list-item__actions-wrapper">
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.29 3.05762L18.9417 5.70928" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M8.125 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M11.875 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.875 5H18.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="24px"
height="24px"
viewBox="0 0 24 24"
enable-background="new 0 0 24 24"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M3.8125 12.2065C5.02062 12.2065 6 11.2272 6 10.019C6 8.81092 5.02062 7.83154 3.8125 7.83154C2.60438 7.83154 1.625 8.81092 1.625 10.019C1.625 11.2272 2.60438 12.2065 3.8125 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M18.1875 12.2065C19.3956 12.2065 20.375 11.2272 20.375 10.019C20.375 8.81092 19.3956 7.83154 18.1875 7.83154C16.9794 7.83154 16 8.81092 16 10.019C16 11.2272 16.9794 12.2065 18.1875 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11 12.2065C12.2081 12.2065 13.1875 11.2272 13.1875 10.019C13.1875 8.81092 12.2081 7.83154 11 7.83154C9.79188 7.83154 8.8125 8.81092 8.8125 10.019C8.8125 11.2272 9.79188 12.2065 11 12.2065Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
</div>
</li>
</ul>
{{> @list-header listHeaderTitle=listHeaderTitle}}
{{> @list}}
/* Default */
{
"parentClass": "text-list",
"listHeaderTitle": "Text List",
"items": [
{
"title": "Send me a reminder before each shift"
}
]
}
/* Subtitle */
{
"parentClass": "text-list",
"listHeaderTitle": "Holidays",
"items": [
{
"title": "Wed, Nov 28, 2018",
"subtitle": "Closed"
}
]
}
/* Actions */
{
"parentClass": "text-list",
"listHeaderTitle": "Actions",
"items": [
{
"title": "Send me a reminder before each shift",
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
}
]
},
{
"title": "Send me a reminder before each shift",
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M8.125 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M11.875 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.875 5H18.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
}
]
},
{
"title": "Send me a reminder before each shift",
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M8.125 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M11.875 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.875 5H18.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.8125 12.2065C5.02062 12.2065 6 11.2272 6 10.019C6 8.81092 5.02062 7.83154 3.8125 7.83154C2.60438 7.83154 1.625 8.81092 1.625 10.019C1.625 11.2272 2.60438 12.2065 3.8125 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.1875 12.2065C19.3956 12.2065 20.375 11.2272 20.375 10.019C20.375 8.81092 19.3956 7.83154 18.1875 7.83154C16.9794 7.83154 16 8.81092 16 10.019C16 11.2272 16.9794 12.2065 18.1875 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11 12.2065C12.2081 12.2065 13.1875 11.2272 13.1875 10.019C13.1875 8.81092 12.2081 7.83154 11 7.83154C9.79188 7.83154 8.8125 8.81092 8.8125 10.019C8.8125 11.2272 9.79188 12.2065 11 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
}
]
}
]
}
/* Actions */
{
"parentClass": "text-list",
"listHeaderTitle": "Actions",
"items": [
{
"title": "Send me a reminder before each shift",
"isDraggable": true,
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
}
]
},
{
"title": "Send me a reminder before each shift",
"isDraggable": true,
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M8.125 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M11.875 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.875 5H18.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
}
]
},
{
"title": "Send me a reminder before each shift",
"isDraggable": true,
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M8.125 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M11.875 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.875 5H18.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.8125 12.2065C5.02062 12.2065 6 11.2272 6 10.019C6 8.81092 5.02062 7.83154 3.8125 7.83154C2.60438 7.83154 1.625 8.81092 1.625 10.019C1.625 11.2272 2.60438 12.2065 3.8125 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.1875 12.2065C19.3956 12.2065 20.375 11.2272 20.375 10.019C20.375 8.81092 19.3956 7.83154 18.1875 7.83154C16.9794 7.83154 16 8.81092 16 10.019C16 11.2272 16.9794 12.2065 18.1875 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11 12.2065C12.2081 12.2065 13.1875 11.2272 13.1875 10.019C13.1875 8.81092 12.2081 7.83154 11 7.83154C9.79188 7.83154 8.8125 8.81092 8.8125 10.019C8.8125 11.2272 9.79188 12.2065 11 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
}
]
}
]
}
/* Actions Subtitle */
{
"parentClass": "text-list",
"listHeaderTitle": "Actions",
"items": [
{
"title": "Wed, Nov 28, 2018",
"subtitle": "Closed",
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
}
]
},
{
"title": "Wed, Nov 28, 2018",
"subtitle": "Closed",
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M8.125 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M11.875 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.875 5H18.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
}
]
},
{
"title": "Wed, Nov 28, 2018",
"subtitle": "Closed",
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M8.125 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M11.875 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.875 5H18.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.8125 12.2065C5.02062 12.2065 6 11.2272 6 10.019C6 8.81092 5.02062 7.83154 3.8125 7.83154C2.60438 7.83154 1.625 8.81092 1.625 10.019C1.625 11.2272 2.60438 12.2065 3.8125 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.1875 12.2065C19.3956 12.2065 20.375 11.2272 20.375 10.019C20.375 8.81092 19.3956 7.83154 18.1875 7.83154C16.9794 7.83154 16 8.81092 16 10.019C16 11.2272 16.9794 12.2065 18.1875 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11 12.2065C12.2081 12.2065 13.1875 11.2272 13.1875 10.019C13.1875 8.81092 12.2081 7.83154 11 7.83154C9.79188 7.83154 8.8125 8.81092 8.8125 10.019C8.8125 11.2272 9.79188 12.2065 11 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
}
]
}
]
}
/* Icon */
{
"parentClass": "text-list",
"listHeaderTitle": "Important Dates",
"items": [
{
"image": "<path fill=\"none\" d=\"M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 16.625H9.125\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.625 9.125H20.375\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M15.375 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"iconClass": "list-item__icon",
"imageIsIcon": true,
"title": "Wed, Nov 28, 2018",
"subtitle": "Closed"
},
{
"image": "<path fill=\"none\" d=\"M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 16.625H9.125\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.625 9.125H20.375\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M15.375 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"iconClass": "list-item__icon",
"imageIsIcon": true,
"title": "Thu, Nov 29, 2018",
"subtitle": "Closed"
},
{
"image": "<path fill=\"none\" d=\"M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 16.625H9.125\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.625 9.125H20.375\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M15.375 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"iconClass": "list-item__icon",
"imageIsIcon": true,
"title": "Fri, Nov 30, 2018",
"subtitle": "10am–10pm"
}
]
}
/* Icon Draggable */
{
"parentClass": "text-list",
"listHeaderTitle": "Important Dates",
"items": [
{
"image": "<path fill=\"none\" d=\"M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 16.625H9.125\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.625 9.125H20.375\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M15.375 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"iconClass": "list-item__icon",
"imageIsIcon": true,
"isDraggable": true,
"title": "Wed, Nov 28, 2018",
"subtitle": "Closed"
},
{
"image": "<path fill=\"none\" d=\"M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 16.625H9.125\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.625 9.125H20.375\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M15.375 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"iconClass": "list-item__icon",
"imageIsIcon": true,
"isDraggable": true,
"title": "Thu, Nov 29, 2018",
"subtitle": "Closed"
},
{
"image": "<path fill=\"none\" d=\"M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 16.625H9.125\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.625 9.125H20.375\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M15.375 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"iconClass": "list-item__icon",
"imageIsIcon": true,
"isDraggable": true,
"title": "Fri, Nov 30, 2018",
"subtitle": "10am–10pm"
}
]
}
/* Small */
{
"parentClass": "text-list",
"listHeaderTitle": "Important Dates",
"items": [
{
"image": "<path fill=\"none\" d=\"M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 16.625H9.125\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.625 9.125H20.375\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M15.375 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"iconClass": "list-item__icon",
"imageIsIcon": true,
"title": "Wed, Nov 28, 2018",
"subtitle": "Closed",
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M8.125 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M11.875 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.875 5H18.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.8125 12.2065C5.02062 12.2065 6 11.2272 6 10.019C6 8.81092 5.02062 7.83154 3.8125 7.83154C2.60438 7.83154 1.625 8.81092 1.625 10.019C1.625 11.2272 2.60438 12.2065 3.8125 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.1875 12.2065C19.3956 12.2065 20.375 11.2272 20.375 10.019C20.375 8.81092 19.3956 7.83154 18.1875 7.83154C16.9794 7.83154 16 8.81092 16 10.019C16 11.2272 16.9794 12.2065 18.1875 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11 12.2065C12.2081 12.2065 13.1875 11.2272 13.1875 10.019C13.1875 8.81092 12.2081 7.83154 11 7.83154C9.79188 7.83154 8.8125 8.81092 8.8125 10.019C8.8125 11.2272 9.79188 12.2065 11 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
}
]
},
{
"image": "<path fill=\"none\" d=\"M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 16.625H9.125\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.625 9.125H20.375\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M15.375 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"iconClass": "list-item__icon",
"imageIsIcon": true,
"title": "Thu, Nov 29, 2018",
"subtitle": "Closed",
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M8.125 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M11.875 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.875 5H18.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.8125 12.2065C5.02062 12.2065 6 11.2272 6 10.019C6 8.81092 5.02062 7.83154 3.8125 7.83154C2.60438 7.83154 1.625 8.81092 1.625 10.019C1.625 11.2272 2.60438 12.2065 3.8125 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.1875 12.2065C19.3956 12.2065 20.375 11.2272 20.375 10.019C20.375 8.81092 19.3956 7.83154 18.1875 7.83154C16.9794 7.83154 16 8.81092 16 10.019C16 11.2272 16.9794 12.2065 18.1875 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11 12.2065C12.2081 12.2065 13.1875 11.2272 13.1875 10.019C13.1875 8.81092 12.2081 7.83154 11 7.83154C9.79188 7.83154 8.8125 8.81092 8.8125 10.019C8.8125 11.2272 9.79188 12.2065 11 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
}
]
},
{
"image": "<path fill=\"none\" d=\"M6.625 11.625H7.25C7.59518 11.625 7.875 11.9048 7.875 12.25V16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 16.625H9.125\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M12.5266 11.625H14.1249C14.3296 11.6259 14.5208 11.7269 14.6371 11.8953C14.7534 12.0637 14.7799 12.2783 14.7083 12.47L13.1499 16.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.625 5.625C1.625 4.79657 2.29657 4.125 3.125 4.125H18.875C19.7034 4.125 20.375 4.79657 20.375 5.625V18.875C20.375 19.7034 19.7034 20.375 18.875 20.375H3.125C2.29657 20.375 1.625 19.7034 1.625 18.875V5.625Z\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.625 9.125H20.375\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M6.625 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M15.375 6V1.625\" stroke=\"#737780\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"iconClass": "list-item__icon",
"imageIsIcon": true,
"title": "Fri, Nov 30, 2018",
"subtitle": "10am–10pm",
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8709 12.7801L8.77759 13.2226L9.21925 10.1284L17.1743 2.17345C17.9065 1.44121 19.0937 1.44121 19.8259 2.17345C20.5582 2.90568 20.5582 4.09288 19.8259 4.82511L11.8709 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M8.125 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M11.875 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.875 5H18.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.8125 12.2065C5.02062 12.2065 6 11.2272 6 10.019C6 8.81092 5.02062 7.83154 3.8125 7.83154C2.60438 7.83154 1.625 8.81092 1.625 10.019C1.625 11.2272 2.60438 12.2065 3.8125 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.1875 12.2065C19.3956 12.2065 20.375 11.2272 20.375 10.019C20.375 8.81092 19.3956 7.83154 18.1875 7.83154C16.9794 7.83154 16 8.81092 16 10.019C16 11.2272 16.9794 12.2065 18.1875 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11 12.2065C12.2081 12.2065 13.1875 11.2272 13.1875 10.019C13.1875 8.81092 12.2081 7.83154 11 7.83154C9.79188 7.83154 8.8125 8.81092 8.8125 10.019C8.8125 11.2272 9.79188 12.2065 11 12.2065Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
}
]
}
],
"isSmall": true
}
Use a Text List for information that doesn’t need to be accompanied by a user image.