//
// 表格
// ============================================================

.table-wrapper
    [data-dpr] &
        @extend .overflow-auto
        .table
            td, th
                @extend .white-space-nowrap

    @media #{$media-xs}
        overflow: auto
        .table
            td, th
                white-space: nowrap

// 基础表格
.table
    @extend .col-12
    @extend .background-white

    >caption, th, td
        +px(padding, 7px, 10px)

    >caption
        @extend .color-gray-light

    thead
        color: $table-thead-color

    tr
        @extend .border-bottom
        th, td
            vertical-align: middle

    tbody
        td
            @extend .color-gray

//  边框表格
.table-border
    @extend .border

    tbody
        tr
            &:last-of-type
                @extend .border-none

    thead tr>th, tbody tr>td
        @extend .border-left
        &:first-of-type
            @extend .border-none

//  条纹状表格
.table-striped
    thead
        tr
            background: $table-striped-thead
    tbody
        tr
            &:nth-of-type(even)
                background: $table-striped-tbody

//  条纹状表格
.table-hover
    tbody
        tr
            &:hover, &:active
                @extend .transition-1s
                background: $table-hover