<commit_before>//======================================================================
// Modal
//======================================================================

// placeholder
%modal-btn {
  @extend %btn-common;
  color: $modal-button-color;
  background-color: transparent;
  transition: color $transition-time;
  
  &:hover {
    color: $modal-button-hover-color;
  }
}

// modal
.modal {
  display: none;
  position: fixed;
  z-index: $z-index-modal;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: $modal-bg-color;

  &.show { display: block; }

  .modal-content {
    position: relative;
    background-color: $modal-content-bg-color;
    margin: 15% auto;
    padding: 20px;
    width: 70%;
    border: 1px solid #888;
    animation-name: animatetop;
    animation-duration: 0.4s;

    .btn-close {
      font-size: 1.5em;
      color: $modal-close-button-color;
      
      &:hover {
        color: $modal-close-button-hover-color;
      }
    }
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}<commit_msg>add missing part of last commit.<commit_after>//======================================================================
// Modal
//======================================================================

// placeholder
%modal-btn {
  @extend %btn-common;
  color: $modal-button-color;
  background-color: transparent;
  transition: color $transition-time;
  
  &:hover {
    color: $modal-button-hover-color;
  }
}

// modal
.modal {
  display: none;
  position: fixed;
  z-index: $z-index-modal;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: $modal-bg-color;

  &.show { display: block; }

  .modal-content {
    @include animation('0.4s from-top');
    position: relative;
    background-color: $modal-content-bg-color;
    margin: 15% auto;
    padding: 20px;
    width: 70%;
    border: 1px solid #888;

    .btn-close {
      font-size: 1.5em;
      color: $modal-close-button-color;
      
      &:hover {
        color: $modal-close-button-hover-color;
      }
    }
  }
}
{'fraction_non_alphanumeric': 0.26437847866419295, 'fraction_numerical': 0.023191094619666047, 'mean_word_length': 2.8449197860962565, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '7636633', 'n_tokens_mistral': 766, 'n_tokens_neox': 700, 'n_words': 150}