<commit_before>@import "../../presentation/less/imports/commonImports.less";

execution-details {
  .execution-details {
    background-color: #ffffff;
    padding: 0 10px 0 15px;
    margin: 0 -5px;

    th {
      font-weight: 600;
    }

    .nav {
      background-color: transparent;
      border: 0;
      padding-left: 0;
      width: auto;
      a {
        margin: 10px 0 0;
        border-radius: 0;
        padding: 5px 15px;
        border-bottom-width: 0;
        font-weight: 600;
        color: @text-color;
        background-color: @mid_light_grey;
        &:hover {
          background-color: @mid_lighter_grey;
          transition: background-color 0.15s;
        }
        &.active {
          background-color: @lightest_grey;
        }
      }
    }

    .step-section-details {
      background-color: @lightest_grey;
      padding: 15px;
    }

    .execution-details-title {
      text-transform: uppercase;
      font-weight: 600;
      .btn-group {
        margin-left: 20px;
        text-transform: none;
      }
    }

    .canary-summary {
      .canary-deployment-row {
        td:first-child {
          padding-left: 20px;
          font-weight: 600;
        }
      }
    }

    .canary-details {
      .section-title {
        border-bottom: 1px solid @mid_lighter_grey;
        margin-bottom: 20px;
        h4 {
          border-bottom: 0;
        }
      }
      h4 {
        margin-bottom: 10px;
        border-bottom: 1px solid @mid_lighter_grey;
      }
      .canary-config-section {
        margin-bottom: 20px;
      }

      .canary-summary {
        margin-bottom: 5px;
        padding-bottom: 5px;
        align-items: center;
        display: flex;

        & > div {
          display: flex;
          flex: 4 0 20px;
          margin-right: 15px;
          &.canary-summary-section {
            display: block;
          }
          &.score-large {
            flex: 0 0 auto;
            height: 48px;
            .score {
              line-height: 38px;
              height: 48px;
              padding-left: 10px;
              padding-right: 10px;
              font-size: 175%;
            }
            margin-right: 10px;
          }
        }
      }

      h5 {
        margin: 0;
      }
    }

    tbody {
      tr.stage-summary {
        font-weight: 600;
      }
      tr {
        font-size: 85%;
      }
      tr.clickable {
        cursor: pointer;
        &:hover {
          background-color: @table-bg-hover;
        }
      }
    }
    .glyphicon-remove {
      cursor: pointer;
      color: @mid_grey;
    }
    h5 {
      font-weight: 600;
      padding-bottom: 10px;
    }
    .stage-name {
      margin-top: 5px;
    }
    .well {
      margin-top: 10px;
    }
  }

  .stage-details {
    .stage-details-heading {
      text-transform: uppercase;
      margin-top: 0;
      h4 {
        font-weight: 600;
      }
    }
    .stage-details-section-heading {
      border-bottom: 1px solid @mid_grey;
      margin-bottom: 5px;
      h4 {
        font-weight: 600;
      }
    }
    h4 {
      margin-top: 0;
    }
  }

  .subinput-note {
    font-style: italic;
    font-size: 11px;
    color: @mid_grey;
  }
}

.hide-details-link {
  display: block;
  text-align: right;
  padding-top: 5px;
  color: @text-color;
  text-transform: none;
  font-size: 90%;
  .glyphicon {
    top: 2px;
  }
  &:hover {
    text-decoration: none;
  }
}<commit_msg>i love css so much<commit_after>@import "../../presentation/less/imports/commonImports.less";

execution {
  .execution-details {
    background-color: #ffffff;
    padding: 0 10px 0 15px;
    margin: 0 -5px;

    th {
      font-weight: 600;
    }

    .nav {
      background-color: transparent;
      border: 0;
      padding-left: 0;
      width: auto;
      a {
        margin: 10px 0 0;
        border-radius: 0;
        padding: 5px 15px;
        border-bottom-width: 0;
        font-weight: 600;
        color: @text-color;
        background-color: @mid_light_grey;
        &:hover {
          background-color: @mid_lighter_grey;
          transition: background-color 0.15s;
        }
        &.active {
          background-color: @lightest_grey;
        }
      }
    }

    .step-section-details {
      background-color: @lightest_grey;
      padding: 15px;
    }

    .execution-details-title {
      text-transform: uppercase;
      font-weight: 600;
      .btn-group {
        margin-left: 20px;
        text-transform: none;
      }
    }

    .canary-summary {
      .canary-deployment-row {
        td:first-child {
          padding-left: 20px;
          font-weight: 600;
        }
      }
    }

    .canary-details {
      .section-title {
        border-bottom: 1px solid @mid_lighter_grey;
        margin-bottom: 20px;
        h4 {
          border-bottom: 0;
        }
      }
      h4 {
        margin-bottom: 10px;
        border-bottom: 1px solid @mid_lighter_grey;
      }
      .canary-config-section {
        margin-bottom: 20px;
      }

      .canary-summary {
        margin-bottom: 5px;
        padding-bottom: 5px;
        align-items: center;
        display: flex;

        & > div {
          display: flex;
          flex: 4 0 20px;
          margin-right: 15px;
          &.canary-summary-section {
            display: block;
          }
          &.score-large {
            flex: 0 0 auto;
            height: 48px;
            .score {
              line-height: 38px;
              height: 48px;
              padding-left: 10px;
              padding-right: 10px;
              font-size: 175%;
            }
            margin-right: 10px;
          }
        }
      }

      h5 {
        margin: 0;
      }
    }

    tbody {
      tr.stage-summary {
        font-weight: 600;
      }
      tr {
        font-size: 85%;
      }
      tr.clickable {
        cursor: pointer;
        &:hover {
          background-color: @table-bg-hover;
        }
      }
    }
    .glyphicon-remove {
      cursor: pointer;
      color: @mid_grey;
    }
    h5 {
      font-weight: 600;
      padding-bottom: 10px;
    }
    .stage-name {
      margin-top: 5px;
    }
    .well {
      margin-top: 10px;
    }
  }

  .stage-details {
    .stage-details-heading {
      text-transform: uppercase;
      margin-top: 0;
      h4 {
        font-weight: 600;
      }
    }
    .stage-details-section-heading {
      border-bottom: 1px solid @mid_grey;
      margin-bottom: 5px;
      h4 {
        font-weight: 600;
      }
    }
    h4 {
      margin-top: 0;
    }
  }

  .subinput-note {
    font-style: italic;
    font-size: 11px;
    color: @mid_grey;
  }

  .hide-details-link {
    display: block;
    text-align: right;
    padding-top: 5px;
    color: @text-color;
    text-transform: none;
    font-size: 90%;
    .glyphicon {
      top: 2px;
    }
    &:hover {
      text-decoration: none;
    }
  }
}
{'fraction_non_alphanumeric': 0.11726147123088128, 'fraction_numerical': 0.03233794610342316, 'mean_word_length': 1.3133423180592991, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '7588984', 'n_tokens_mistral': 2517, 'n_tokens_neox': 2254, 'n_words': 438}