<commit_before>@import '../../../bower_components/bourbon/app/assets/stylesheets/bourbon';
$gutter: 0em;
@import '../../../bower_components/neat/app/assets/stylesheets/neat';


/*============================
MIXINS
=============================*/

/*============================
NEAT MEDIA QUERIES
=============================*/

$larger-screen: new-breakpoint(min-width 490px);


/*============================
FONTS & COLORS
=============================*/

$casing-color: rgba(6, 185, 185, 0.25);
$display-digit-color: rgb(9, 5, 3);
$display-color: rgb(224, 224, 224);
$button-operator-color: rgb(0, 150, 150);
$button-number-color: rgb(249, 246, 246);
$button-misc-color: rgb(255, 117, 32);
$button-offset-color: rgba(116, 116, 116, 1);

$header-font: 'Nova Square', sans-serif;

/*============================
UNIVERSAL
=============================*/

* {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
  outline: none;
}


/*============================
CLEARFIX
=============================*/

/*============================
BODY
=============================*/

html,
body {
  height: 100%;
}

.main-container {
  @include outer-container(569px);
  background-color: $casing-color;
  border: 1px solid rgb(26, 23, 17);
  border-bottom-left-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}



/*============================
HEADER
=============================*/

.calculator-label {
  background: $display-color;
  background: linear-gradient(to right, rgb(6, 185, 185), $casing-color, $button-misc-color);
  line-height: 1.5em;
  letter-spacing: 0.6em;
  font-family: $header-font;
  padding-left: 0.5em;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid rgb(26, 23, 17);
}

.calculator-label {
  @include media($larger-screen) {
    letter-spacing: 0.9em;
  }
}

/*============================
DISPLAY
=============================*/
.display {
  background-color: $display-color;<commit_msg>Add mid-size screen media query for header letter spacing<commit_after>@import '../../../bower_components/bourbon/app/assets/stylesheets/bourbon';
$gutter: 0em;
@import '../../../bower_components/neat/app/assets/stylesheets/neat';


/*============================
MIXINS
=============================*/

/*============================
NEAT MEDIA QUERIES
=============================*/

$large-screen: new-breakpoint(min-width 490px);

$mid-screen: new-breakpoint(min-width 375px);



/*============================
FONTS & COLORS
=============================*/

$casing-color: rgba(6, 185, 185, 0.25);
$display-digit-color: rgb(9, 5, 3);
$display-color: rgb(224, 224, 224);
$button-operator-color: rgb(0, 150, 150);
$button-number-color: rgb(249, 246, 246);
$button-misc-color: rgb(255, 117, 32);
$button-offset-color: rgba(116, 116, 116, 1);

$header-font: 'Nova Square', sans-serif;

/*============================
UNIVERSAL
=============================*/

* {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
  outline: none;
}


/*============================
CLEARFIX
=============================*/

/*============================
BODY
=============================*/

html,
body {
  height: 100%;
}

.main-container {
  @include outer-container(569px);
  background-color: $casing-color;
  border: 1px solid rgb(26, 23, 17);
  border-bottom-left-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}



/*============================
HEADER
=============================*/

.calculator-label {
  background: $display-color;
  background: linear-gradient(to right, rgb(6, 185, 185), $casing-color, $button-misc-color);
  line-height: 1.5em;
  letter-spacing: 0.3em;
  font-family: $header-font;
  padding-left: 0.5em;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid rgb(26, 23, 17);
}

.calculator-label {
  @include media($large-screen) {
    letter-spacing: 0.9em;
}

.calculator-label {
  @include media($mid-screen) {
    letter-spacing: 0.6em;
  }
}

/*============================
DISPLAY
=============================*/
.display {
  background-color: $display-color;
{'fraction_non_alphanumeric': 0.35704419889502764, 'fraction_numerical': 0.04995395948434622, 'mean_word_length': 4.717105263157895, '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': '1058742', 'n_tokens_mistral': 1665, 'n_tokens_neox': 1425, 'n_words': 273}