Odyssey styleguide

<insert-markup>forms.sourceselect-</insert-markup>

Header 1
Parent
Parent
Parent

Header 2
Child
Child
Child

Header 3
Child

Markup

<div class="odyssey-source-select">
    <ul class="odyssey-source-select__panel">
		<li class="odyssey-source-select__panel__header">
			<span>Header 1</span>
		</li>
        <li class="odyssey-source-select__panel__item odyssey-source-select__panel__item--active">
            <span class="odyssey-source-select__panel__item__name">Parent</span>
        </li>
        <li class="odyssey-source-select__panel__item">
            <span class="odyssey-source-select__panel__item__name">Parent</span>
        </li>
        <li class="odyssey-source-select__panel__item">
            <span class="odyssey-source-select__panel__item__name">Parent</span>
        </li>
    </ul>
    <ul class="odyssey-source-select__panel">
		<li class="odyssey-source-select__panel__header">
			<span>Header 2</span>
		</li>
        <li class="odyssey-source-select__panel__item odyssey-source-select__panel__item--active">
            <span class="odyssey-source-select__panel__item__name">Child</span>
        </li>
        <li class="odyssey-source-select__panel__item">
            <span class="odyssey-source-select__panel__item__name">Child</span>
        </li>
        <li class="odyssey-source-select__panel__item">
            <span class="odyssey-source-select__panel__item__name">Child</span>
        </li>
    </ul>
    <ul class="odyssey-source-select__panel">
		<li class="odyssey-source-select__panel__header">
			<span>Header 3</span>
		</li>
        <li class="odyssey-source-select__panel__item">
            <span class="odyssey-source-select__panel__item__name">Child</span>
        </li>
    </ul>
</div>

Source: src/forms/source_select.less, line 1

Source selector