<commit_before>div[comment-adder] {
  & > div {
    max-width: 720px;
  }

  p {
    color: @text-color-soft;
    font-size: 12px;
  }

  button.open-comment-box {
    float: left;
    border: 2px solid black;
    background-color: transparent;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 30px 10px 10px;
    outline: none;

    i {
      margin-left: 10px;
      padding-right: 5px;
      font-size: 30px;
      margin-top: -4px;
    }
  }

  & > div {
    background-color: @gray-lighter;
  }

  h2 {
    float: left;
    padding-left: 20px;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 38px;

    i {
      font-size: 30px !important;
      padding-right: 5px;
    }
  }

  form {
    clear: both;
  }

  .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 10px;

    & > div {<commit_msg>Add animation when comment adder box is appearing<commit_after>div[comment-adder] {

  .add-comment-box {
    background-color: @gray-lighter;
    &.ng-enter {
      -webkit-transition: 0.2s linear all;
      -moz-transition: 0.2s linear all;
      -ms-transition: 0.2s linear all;
      -o-transition: 0.2s linear all;
      transition: 0.2s linear all;
      display: block;
      overflow: hidden;
    }

    &.ng-enter {
      opacity: 0;
    }

    &.ng-enter.ng-enter-active {
      opacity: 1;
    }
  }

  > div {
    max-width: 720px;
  }

  p {
    color: @text-color-soft;
    font-size: 12px;
  }

  button.open-comment-box {
    float: left;
    border: 2px solid black;
    background-color: transparent;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 30px 10px 10px;
    outline: none;

    i {
      margin-left: 10px;
      padding-right: 5px;
      font-size: 30px;
      margin-top: -4px;
    }
  }

  h2 {
    float: left;
    padding-left: 20px;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 38px;

    i {
      font-size: 30px !important;
      padding-right: 5px;
    }
  }

  form {
    clear: both;
  }

  .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 10px;

    > div {
{'fraction_non_alphanumeric': 0.13072519083969467, 'fraction_numerical': 0.039122137404580155, 'mean_word_length': 1.8924137931034484, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 8, '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': '1371733', 'n_tokens_mistral': 877, 'n_tokens_neox': 781, 'n_words': 174}