// Displays a panel, an organisation unit in TypeDoc used to group single entities
// like a method or a variable.
//
// <div class="tsd-panel">
//   <h3>Eirmod tempor invidunt</h3>
//   <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
// </div>
//
.tsd-panel
    @extend %prevent-children-margin
    margin: 20px 0
    padding: 20px
    background-color: $COLOR_PANEL
    box-shadow: 0 0 4px rgba(#000, 0.25)

    &:empty
        display: none

    > h1, > h2, > h3
        margin: 1.5em -20px 10px -20px
        padding: 0 20px 10px 20px
        border-bottom: 1px solid $COLOR_PANEL_DIVIDER

        &.tsd-before-signature
            margin-bottom: 0
            border-bottom: 0

    table
        display: block
        width: 100%
        overflow: auto
        margin-top: 10px
        word-break: normal
        word-break: keep-all

        th
            font-weight: bold

        th, td
            padding: 6px 13px
            border: 1px solid #ddd

        tr
            background-color: #fff
            border-top: 1px solid #ccc

            &:nth-child(2n)
                background-color: #f8f8f8


// Holds a series of panels with an optional heading.
//
// <div class="tsd-panel-group">
//   <h2>Consetetur sadipscing elitr</h2>
//   <div class="tsd-panel">
//     <h3>Eirmod tempor invidunt</h3>
//     <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
//   </div>
//   <div class="tsd-panel">
//     <h3>Eirmod tempor invidunt</h3>
//     <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
//   </div>
// </div>
//
.tsd-panel-group
    margin: 60px 0

    > h1, > h2, > h3
        padding-left: 20px
        padding-right: 20px