// ============================================================================
// :: Table
// ============================================================================
/**
 * Scope defined for visualising the table layout in the layout section of the
 * styleguides.
 */

// ============================================================================
// :: Root
// ============================================================================
.s-table {

  .l-table {

    + .l-table {
      margin-top: 5rem;
    }
  }

  .l-table,
  .l-table__header,
  .l-table__body,
  .l-table__row,
  .l-table__col {
    padding: 1.5rem;

    border: 0.1rem dashed darken($bp-border-color-base, 50%);
  }

  .l-table__header,
  .l-table__body {
    margin-top: 5rem;
  }

  .l-table__body {

    .l-table__row {
      margin-top: 1.5rem;
    }
  }
}