<commit_before>.add-item.modal {
  padding-top: 8em;

  .modal-body {
    .transition(opacity 200ms);
    background: #fafafa;
    border-radius: 0px 4px 4px 4px;

    &.dragging {
      .opacity(0.8);
      position: relative;
      &::after {
        content: 'Drop to attach.';
        position: absolute;
        top: 30%;
        left: 0;
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 1.4em;
      }
    }
  }

  .modal-content {
    background: none;
    border: none;
    box-shadow: none;
    overflow: auto!important;
  }
}


.add-item .btn-primary {
  background: #84b431;
  color: #fff;
  border: none;
}

.add-item .selector {
  margin-top: 1.4em;
  min-height: 36px;

  .selector__wrapper {
    position: fixed;
    max-height: 22em;
    overflow: scroll;
  }
}

.add-item__tabs {
  position: relative;
  border: none;

  li {
    a {
      color: #fff;
      padding: 5px 25px;
      font-size: 1.2em;
      border: none;
    }

    &.add-item__nav-story > a {
      background-color: @story-color;

      &:hover {
        background-color: lighten(@story-color, 12%);
      }
    }

    &.add-item__nav-task > a {
      background-color: @task-color;

      &:hover {
        background-color: lighten(@task-color, 12%);
      }
    }

    &.add-item__nav-defect > a {
      background-color: @defect-color;

      &:hover {
        background-color: lighten(@defect-color, 12%);
      }
    }

    &.add-item__nav-test > a {
      background-color: @test-color;

      &:hover {
        background-color: lighten(@test-color, 12%);
      }
    }

    &.active > a,
    &.active > a:hover {
      background: #fafafa;
    }
  }
}

.add-item__field {
  display: inline-block;
  margin-bottom: 2em;

  > span {
    font-size: 1.4em;
    color: #20718F;
  }

  .input-group {
    position: relative;
    display: inline-block;
  }

  label {
    position: absolute;
    left: 38%;
    bottom: -36px;
    font-size: 11px;
    font-weight: normal;
  }

  input.form-control {
    border: none;
    border-radius: 0;
    display: inline-block;
    margin: 0 8px -11px;
    font-size: 1.2em;
    padding: 12px;
    border-bottom: 1px dashed #444;
  }

  &.who input.form-control {
    width: 230px;
  }

  &.what input.form-control {
    width: 373px;
  }

  &.why input.form-control {
    width: 660px;
  }
}


.add-item__actions {
  margin-top: 1em;asdf
<commit_msg>Add invalid story title styling<commit_after>.add-item.modal {
  padding-top: 8em;

  .modal-body {
    .transition(opacity 200ms);
    background: #fafafa;
    border-radius: 0px 4px 4px 4px;

    &.dragging {
      .opacity(0.8);
      position: relative;
      &::after {
        content: 'Drop to attach.';
        position: absolute;
        top: 30%;
        left: 0;
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 1.4em;
      }
    }
  }

  .modal-content {
    background: none;
    border: none;
    box-shadow: none;
    overflow: auto!important;
  }
}


.add-item .btn-primary {
  background: #84b431;
  color: #fff;
  border: none;
}

.add-item .selector {
  margin-top: 1.4em;
  min-height: 36px;

  .selector__wrapper {
    position: fixed;
    max-height: 22em;
    overflow: scroll;
  }
}

.add-item__tabs {
  position: relative;
  border: none;

  li {
    a {
      color: #fff;
      padding: 5px 25px;
      font-size: 1.2em;
      border: none;
    }

    &.add-item__nav-story > a {
      background-color: @story-color;

      &:hover {
        background-color: lighten(@story-color, 12%);
      }
    }

    &.add-item__nav-task > a {
      background-color: @task-color;

      &:hover {
        background-color: lighten(@task-color, 12%);
      }
    }

    &.add-item__nav-defect > a {
      background-color: @defect-color;

      &:hover {
        background-color: lighten(@defect-color, 12%);
      }
    }

    &.add-item__nav-test > a {
      background-color: @test-color;

      &:hover {
        background-color: lighten(@test-color, 12%);
      }
    }

    &.active > a,
    &.active > a:hover {
      background: #fafafa;
    }
  }
}

.add-item__field {
  display: inline-block;
  margin-bottom: 2em;

  > span {
    font-size: 1.4em;
    color: #20718F;
  }

  .input-group {
    position: relative;
    display: inline-block;
  }

  label {
    position: absolute;
    left: 38%;
    bottom: -36px;
    font-size: 11px;
    font-weight: normal;
  }

  input.form-control {
    border: none;
    border-radius: 0;
    display: inline-block;
    margin: 0 8px -11px;
    font-size: 1.2em;
    padding: 12px;
    border-bottom: 1px dashed #444;

    &.invalid {
      border-bottom: 2px solid @defect-color;
    }
  }

  &.who input.form-control {
    width: 220px;
  }

  &.what input.form-control {
    width: 373px;
  }

  &.why input.form-control {
    width: 660px;
  }
}


.add-item__actions {
  margin-top: 1em;asdf

{'fraction_non_alphanumeric': 0.1443612067220085, 'fraction_numerical': 0.03219275156914355, 'mean_word_length': 1.9127358490566038, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 17, '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': '4321350', 'n_tokens_mistral': 2002, 'n_tokens_neox': 1810, 'n_words': 369}