/* TODO : This style is copied from PureCSS for testing purpose, please come back and update !! */
.sk-table {
/* Remove spacing between table cells (from Normalize.css) */ border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 1px solid #cbcbcb; caption { color: #000; font: italic 85%/1 arial, sans-serif; padding: 1em 0; text-align: center; } td, th { border-left: 1px solid #cbcbcb;/* inner column border */ border-width: 0 0 0 1px; font-size: inherit; margin: 0; overflow: visible; /*to make ths where the title is really long work*/ padding: 0.5em 1em; /* cell padding */ } /* Consider removing this next declaration block, as it causes problems when there's a rowspan on the first cell. Case added to the tests. issue#432 */ td:first-child, th:first-child { border-left-width: 0; } thead { background-color: #e0e0e0; color: #000; text-align: left; vertical-align: bottom; } /* striping: even - #fff (white) odd - #f2f2f2 (light gray) */ td { background-color: transparent; } &-odd td { background-color: #f2f2f2; } /* nth-child selector for modern browsers */ &-striped tr:nth-child(2n-1) td { background-color: #f2f2f2; } /* BORDERED TABLES */ &-bordered td { border-bottom: 1px solid #cbcbcb; } &-bordered tbody > tr:last-child > td { border-bottom-width: 0; } /* HORIZONTAL BORDERED TABLES */ &-horizontal td, &-horizontal th { border-width: 0 0 1px 0; border-bottom: 1px solid #cbcbcb; } &-horizontal tbody > tr:last-child > td { border-bottom-width: 0; }
}