<commit_before>///768
@media only screen and (max-width: map-get($breakpoints, medium)) {
  .col {
    margin: 1% 0 1% 0%;
  }
  [class^='span-'],
  [class*='span-'] {
    width: 100%;
  }
  .col.offset-12:first-child,
  .offset-12,
  .col.offset-11:first-child,
  .offset-11,
  .col.offset-10:first-child,
  .offset-10,
  .col.offset-9:first-child,
  .offset-9,
  .col.offset-8:first-child,
  .offset-8,
  .col.offset-7:first-child,
  .offset-7,
  .col.offset-6:first-child,
  .offset-6,
  .col.offset-5:first-child,
  .offset-5,
  .col.offset-4:first-child,
  .offset-4,
  .col.offset-3:first-child,
  .offset-3,
  .col.offset-2:first-child,
  .offset-2,
  .col.offset-1:first-child,
  .offset-1 {
    margin-left: 0;
  }
  .hidden-md {
    display: none;
  }
  //tables
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }
  table {
    thead {
      height: 0;
      & tr {
        display: none;
        visibility: hidden;
      }
    }
    tbody {
      tr {
        border: 1px solid $light-grey;

        &.sm-noborder {
          border-width: 0px;
        }
        td {
          border: none;
          position: relative;
          padding-left: 5px;
          white-space: normal;
          text-align: left;
          border-right: none !important;
          height: auto;
          &:before {
            content: attr(data-title);
            display: inline-block;
            vertical-align: middle;
            white-space: nowrap;
            text-align: left;
            color: $info;
            padding-right: 5px;
          }
          &:after {
            content: "";
            border-bottom: 1px dashed $border;
            display: block;
            margin: 5px 0;
          }
          &:last-child {
            height: auto;
          }
          &.spark-line {
            width: 44px !important;
          }
          &.row-check {
            text-align: right;
            padding-right: 15px;
          }
          .resource-actions {
            display: inline-block;
          }

          .btn {
            white-space: wrap;
          }
        }
        &.main-row {
          td:nth-child(-n + 2) {
            width: 50%;
            float: right;
            padding-top: 5px;
          }
          td:nth-child(3) {
            clear: both;
            padding-top: 5px;
          }
        }
      }
      TR.group-row > TD {
        height: auto;
      }
    }
    .group-row {
      clear: both;
      position: relative;
      display: inline-block;
      width: 100%;
      background: red;

        > td {
          width: 24.25%;
          display: inline-block;
          padding: 10px 0;

          &:after {
            display: none;
          }
        }
    }
    tr.sub-row {
      > td {
        padding: 0 15px;
      }
    }
  }<commit_msg>wip mobile tables<commit_after>///768
@media only screen and (max-width: map-get($breakpoints, medium)) {
  .col {
    margin: 1% 0 1% 0%;
  }
  [class^='span-'],
  [class*='span-'] {
    width: 100%;
  }
  .col.offset-12:first-child,
  .offset-12,
  .col.offset-11:first-child,
  .offset-11,
  .col.offset-10:first-child,
  .offset-10,
  .col.offset-9:first-child,
  .offset-9,
  .col.offset-8:first-child,
  .offset-8,
  .col.offset-7:first-child,
  .offset-7,
  .col.offset-6:first-child,
  .offset-6,
  .col.offset-5:first-child,
  .offset-5,
  .col.offset-4:first-child,
  .offset-4,
  .col.offset-3:first-child,
  .offset-3,
  .col.offset-2:first-child,
  .offset-2,
  .col.offset-1:first-child,
  .offset-1 {
    margin-left: 0;
  }
  .hidden-md {
    display: none;
  }
  //tables
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }
  table {
    thead {
      height: 0;
      & tr {
        display: none;
        visibility: hidden;
      }
    }
    tbody {
      tr {
        border: 1px solid $light-grey;

        &.sm-noborder {
          border-width: 0px;
        }
        td {
          border: none;
          position: relative;
          padding-left: 5px;
          white-space: normal;
          text-align: left;
          border-right: none !important;
          height: auto;
          &:before {
            content: attr(data-title);
            display: inline-block;
            vertical-align: middle;
            white-space: nowrap;
            text-align: left;
            color: $info;
            padding-right: 5px;
            font-size: .8em;
            text-transform: uppercase;
            letter-spacing: .5px;
          }
          // &:after {
          //   content: "";
          //   border-bottom: 1px dashed $border;
          //   display: block;
          //   padding: 5px 0;
          // }
          &:last-child {
            height: auto;
          }
          &.spark-line {
            width: 44px !important;
          }
          &.row-check {
            text-align: right;
            padding-right: 15px;
          }
          .resource-actions {
            display: inline-block;
          }

          .btn {
            white-space: wrap;
          }
        }
        &.main-row {
          td:nth-child(-n + 2) {
            width: 50%;
            float: right;
          }
          td:nth-child(3) {
            clear: both;
            background: red;
          }
          td:nth-child(4) {
            background: tomato;
          }
          td:nth-child(5) {
            background: turquoise;
            > * {
              display: inline-block;
              vertical-align: middle;
              font-size: 100%;
            }
          }
          td:nth-child(6) {
            background: yellow;
            width:49.5%;
            display: inline-block;
            vertical-align: middle;
            text-align: left;
            > * {
              display: inline-block;
            }
          }
          td:nth-child(7) {
            width: 49.5%;
            display: inline-block;
            background: lavender;
            vertical-align: middle;
            text-align: right;
          }
          > td {
            padding: 10px !important;
            display: block;
            &:nth-child(odd) {
              background: $table-bg-accent;
            }
            &:nth-child(even) {
              background: lighten($table-bg-accent, 4);
            }
          }
        }
      }
      TR.group-row > TD {
        height: auto;
      }
    }
    .group-row {
      clear: both;
      position: relative;
      width: 100%;
      background: $table-bg-accent!important;
      display: table;

        > td {
          display: table-cell;
          padding: 10px 0;

          &:after {
            display: none;
          }

          &:nth-child(4){
            text-align: right;
          }
        }
    }
    tr.sub-row {
      > td {
        padding: 0 15px;
      }
    }
  }
{'fraction_non_alphanumeric': 0.1340341655716163, 'fraction_numerical': 0.022923054460505184, 'mean_word_length': 1.150031387319523, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 12, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '336979', 'n_tokens_mistral': 2348, 'n_tokens_neox': 2229, 'n_words': 413}