@import '../../styles/theming';

@mixin cucumber-table-style {
  border-collapse: collapse;
  margin: 0;

  thead tr {
    border-bottom: 6px solid transparent;
  }

  tr + tr {
    border-top: 6px solid transparent;
  }

  th, td {
    padding: 0.4em 0.6em;
    border-width: 2px;
    border-style: solid;
    border-top: none;
    border-bottom: none;
    border-color: $keywordColor;
    color: $parameterColor;
  }
}

.table {
  @include cucumber-table-style;
}

.examplesTable {
  @include cucumber-table-style;

  th:first-child, td:first-child {
    border-left: none;
  }
}

.detailRow.detailRow {
  border-top: none;
}