source: main/waeup-hugo/public/sass/components/_table.scss @ 14926

///
/// Dimension by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///

/* Table */

        .table-wrapper {
                -webkit-overflow-scrolling: touch;
                overflow-x: auto;
        }

        table {
                margin: 0 0 _size(element-margin) 0;
                width: 100%;

                tbody {
                        tr {
                                border: solid _size(border-width) _palette(border);
                                border-left: 0;
                                border-right: 0;

                                &:nth-child(2n + 1) {
                                        background-color: _palette(border-bg);
                                }
                        }
                }

                td {
                        padding: 0.75em 0.75em;
                }

                th {
                        color: _palette(fg-bold);
                        font-size: 0.9em;
                        font-weight: _font(weight-bold);
                        padding: 0 0.75em 0.75em 0.75em;
                        text-align: left;
                }

                thead {
                        border-bottom: solid (_size(border-width) * 2) _palette(border);
                }

                tfoot {
                        border-top: solid (_size(border-width) * 2) _palette(border);
                }

                &.alt {
                        border-collapse: separate;

                        tbody {
                                tr {
                                        td {
                                                border: solid _size(border-width) _palette(border);
                                                border-left-width: 0;
                                                border-top-width: 0;

                                                &:first-child {
                                                        border-left-width: _size(border-width);
                                                }
                                        }

                                        &:first-child {
                                                td {
                                                        border-top-width: _size(border-width);
                                                }
                                        }
                                }
                        }

                        thead {
                                border-bottom: 0;
                        }

                        tfoot {
                                border-top: 0;
                        }
                }
        }