// Displays an index of grouped links.
//
// <section class="tsd-panel tsd-index-panel">
//   <div class="tsd-index-content">
//     <div class="tsd-index-section">
//       <h3>Constructor methods</h3>
//       <ul class="tsd-member-index">
//         <li class="tsd-kind-constructor-method tsd-parent-kind-class"><a href="#" class="tsd-kind-icon">constructor</a></li>
//       </ul>
//     </div>
//     <div class="tsd-index-section">
//       <h3>Properties</h3>
//       <ul class="tsd-member-index">
//         <li class="tsd-kind-property tsd-parent-kind-class"><a href="#" class="tsd-kind-icon">EVENT_<wbr>BEGIN</a></li>
//         <li class="tsd-kind-property tsd-parent-kind-class"><a href="#" class="tsd-kind-icon">EVENT_<wbr>BEGIN_<wbr>DECLARATION</a></li>
//         <li class="tsd-kind-property tsd-parent-kind-class"><a href="#" class="tsd-kind-icon">EVENT_<wbr>BEGIN_<wbr>DOCUMENT</a></li>
//         <li class="tsd-kind-property tsd-parent-kind-class"><a href="#" class="tsd-kind-icon">EVENT_<wbr>BEGIN_<wbr>RESOLVE</a></li>
//       </ul>
//     </div>
//   </div>
// </section>
//
.tsd-index-panel
    .tsd-index-content
        margin-bottom: -30px !important

    .tsd-index-section
        margin-bottom: 30px !important

    h3
        @extend h4
        margin: 0 -20px 10px -20px
        padding: 0 20px 10px 20px
        border-bottom: 1px solid var(--color-panel-divider)

    ul.tsd-index-list
        +vendors(column-count, 3)
        +vendors(column-gap, 20px)
        padding: 0
        list-style: none
        line-height: $LINE_HEIGHT

        +size-xs-sm
            +vendors(column-count, 1)

        +size-md
            +vendors(column-count, 2)

        li
            +vendors(page-break-inside, avoid)

    a,
    .tsd-parent-kind-module a
        color: var(--color-ts)

    .tsd-parent-kind-interface a
        color: var(--color-ts-interface)

    .tsd-parent-kind-enum a
        color: var(--color-ts-enum)

    .tsd-parent-kind-class a
        color: var(--color-ts-class)

    .tsd-kind-module a
        color: var(--color-ts)

    .tsd-kind-interface a
        color: var(--color-ts-interface)

    .tsd-kind-enum a
        color: var(--color-ts-enum)

    .tsd-kind-class a
        color: var(--color-ts-class)

    .tsd-is-private a
        color: var(--color-ts-private)