/* 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;
  }

}