<commit_before>$standard-margin: 30px;

body {
  font-family: 'Droid Sans', sans-serif;
}

* {
  transition: background .4s ease;
  transition: color .4s ease;
}

.top-bar {
  color: #fff;
  padding: 120px 0 110px 0;
  position: relative;

  @media screen and (max-width: 768px) {
    padding: 80px 0;
  }
}

.start-button {
  width: 100%;
}

.datepicker,
.timepicker {
  .btn-default {
    border: none;
  }
}

.counter-table {
  margin: 0 auto;

  .numbers-row {
    font-size: 5em;

    @media screen and (min-width: 1001px) {
      font-size: 8em;
    }
    @media screen and (max-width: 1000px) {
      font-size: 5.5em;
    }
    @media screen and (max-width: 768px) {
      font-size: 4.7em;
    }
    @media screen and (max-width: 640px) {
      font-size: 4em;
    }
    @media screen and (max-width: 500px) {
      font-size: 3.3em;
    }
    @media screen and (max-width: 320px) {
      font-size: 2.3em;
    }

    td {
      padding: 5px 10%px;
      text-align: center;

      @media screen and (min-width: 1001px) {
        min-width: 185px;
      }
      @media screen and (max-width: 1000px) {
        min-width: 145px;
      }
      @media screen and (max-width: 768px) {
        min-width: 115px;
      }
      @media screen and (max-width: 640px) {
        min-width: 100px;
      }
      @media screen and (max-width: 500px) {
        min-width: 3%;
      }
    }
  }

  .description-row {

    @media screen and (max-width: 1536px) {
      font-size: 1em;
    }
    @media screen and (max-width: 640px) {
      font-size: 0.9em;
    }

    td {
      text-align: center;
    }
  }
}

.counter-title-container {
  margin-top: 50px;
}

.counter-title-paragraph {
  text-align: center;
  font-size: 1.5em;

  @media screen and (max-width: 1536px) {
    font-size: 1.2em;
  }
}

.show-zeros-container {
  position: absolute;
  right: 20px;
  bottom: 20px;

  input[type=checkbox] {
    visibility: hidden;
  }<commit_msg>A very cool and most awesome mixin<commit_after>$standard-margin: 30px;

body {
  font-family: 'Droid Sans', sans-serif;
}

* {
  transition: background .4s ease;
  transition: color .4s ease;
}

.top-bar {
  color: #fff;
  padding: 120px 0 110px 0;
  position: relative;

  @media screen and (max-width: 768px) {
    padding: 80px 0;
  }
}

.start-button {
  width: 100%;
}

.datepicker,
.timepicker {
  .btn-default {
    border: none;
  }
}

@mixin retinaspecific($maxwidth, $attribute, $value) {
  @media
  only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: $maxwidth),
  only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: $maxwidth),
  only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: $maxwidth),
  only screen and ( min-device-pixel-ratio: 2) and (max-width: $maxwidth),
  only screen and ( min-resolution: 192dpi) and (max-width: $maxwidth),
  only screen and ( min-resolution: 2dppx) and (max-width: $maxwidth) {
    #{$attribute}: $value;
  }
}

.counter-table {
  margin: 0 auto;

  .numbers-row {
    font-size: 5em;

    @media screen and (min-width: 1001px) {
      font-size: 8em;
    }
    @media screen and (max-width: 1000px) {
      font-size: 5.5em;
    }
    @media screen and (max-width: 768px) {
      font-size: 4.7em;
    }
    @media screen and (max-width: 640px) {
      font-size: 4em;
    }
    @media screen and (max-width: 500px) {
      font-size: 3.3em;
    }
    @media screen and (max-width: 320px) {
      font-size: 2.3em;
    }

    td {
      padding: 5px 10%px;
      text-align: center;

      @media screen and (min-width: 1001px) {
        min-width: 185px;
      }
      @media screen and (max-width: 1000px) {
        min-width: 145px;
      }
      @media screen and (max-width: 768px) {
        min-width: 115px;
      }
      @media screen and (max-width: 640px) {
        min-width: 100px;
      }
      @media screen and (max-width: 500px) {
        min-width: 3%;
      }
      @include retinaspecific(500px, min-width, 55px);
    }
  }

  .description-row {

    @media screen and (max-width: 1536px) {
      font-size: 1em;
    }
    @media screen and (max-width: 640px) {
      font-size: 0.9em;
    }

    td {
      text-align: center;
    }
  }
}

.counter-title-container {
  margin-top: 50px;
}

.counter-title-paragraph {
  text-align: center;
  font-size: 1.5em;

  @media screen and (max-width: 1536px) {
    font-size: 1.2em;
  }
}

.end-date {
  @include retinaspecific(500px, font-size, 0.9em);
}

.show-zeros-container {
  position: absolute;
  right: 20px;
  bottom: 20px;

  input[type=checkbox] {
    visibility: hidden;
  }
{'fraction_non_alphanumeric': 0.14563318777292578, 'fraction_numerical': 0.05218340611353712, 'mean_word_length': 2.216994382022472, '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': '3785521', 'n_tokens_mistral': 1978, 'n_tokens_neox': 1732, 'n_words': 418}