<commit_before>/* Responsiveness */

/* TODO: (Issue #559) Confirm breakpoint sizes */
@media only screen and (max-width: 500px) {
  html {
    background: #fff;
  }

  .fox-logo {
    background: url(/images/firefox.png);
    background-size: 64px 68px;
    height: 68px;
    margin: 0 auto;
    position: relative;
    top:0;
    width: 64px;
    z-index: 999;
  }

  #stage {
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 10px auto;
    min-height: none;
    min-width: 300px;
    padding: 0 10px 40px 10px;
    width: 100%;
  }

  .privacy-links, .links + .privacy-links {
    margin: 10px auto;
    font-size: 12px;
    max-width: 340px;
  }

  .button-row {
    margin-top: 20px;
  }

  .button-row button,
  .button-row a.button {
    padding: 10px 0;
  }

  @-webkit-keyframes movein {
    0% {left: 0; top: -20px;}
    100% {left: 0; top: 0;}
  }

  @-moz-keyframes movein {
    0% {left: 0; top: -20px;}
    100% {left: 0; top: 0;}
  }

  @keyframes movein {
    0% {left: 0; top: -20px;}
    100% {left: 0; top: 0;}
  }
}

@media only screen and (max-height: 480px) and (max-width: 320px) {
  
  .fox-logo {
      height: 0;
      width: 0;
    }

  header h2 {
      font-size:20px;
      font-weight:200;
      padding:10px 0 20px 0;
      margin:0;
  }

  #stage {
    background-image: url(/images/firefox.png);
    background-position: center bottom;
    background-repeat:no-repeat;
    background-size: 30px auto;
    margin: 0 auto;
    min-height:0;
    min-width:270px;
    padding:0 0 30px 0;
    width:270px;
  }

}

/* Retina */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
  .fox-logo {
    background-image: url(/images/firefox@2x.png);
  }

  .graphic-checkbox {
    background-image: url(/images/graphic_checkbox@2x.png);
  }

  .graphic-mail {
    background-image: url(/images/graphic_mail@2x.png);
  }

  .spinner {
    background-image: url(/images/spinnerlight@2x.png);
  }

  .input-row select {
    background-image: url(/images/ddarrow_inactive@2x.png)
  }

  .input-row select:focus {
    background-image: url(/images/ddarrow_active@2x.png);
  }<commit_msg>style(scss): removing resolved TODO, tweaked some css formatting<commit_after>/* Responsiveness */

@media only screen and (max-width: 500px) {
  html {
    background: #fff;
  }

  .fox-logo {
    background: url(/images/firefox.png);
    background-size: 64px 68px;
    height: 68px;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 64px;
    z-index: 999;
  }

  #stage {
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 10px auto;
    min-height: none;
    min-width: 300px;
    padding: 0 10px 40px 10px;
    width: 100%;
  }

  .privacy-links,
  .links + .privacy-links {
    font-size: 12px;
    margin: 10px auto;
    max-width: 340px;
  }

  .button-row {
    margin-top: 20px;
  }

  .button-row button,
  .button-row a.button {
    padding: 10px 0;
  }

  @-webkit-keyframes movein {
    0% {
      left: 0;
      top: -20px;
    }
    100% {
      left: 0;
      top: 0;
    }
  }

  @-moz-keyframes movein {
    0% {
      left: 0;
      top: -20px;
    }
    100% {
      left: 0;
      top: 0;
    }
  }

  @keyframes movein {
    0% {
      left: 0;
      top: -20px;
    }
    100% {
      left: 0;
      top: 0;
    }
  }
}

@media only screen and (max-height: 480px) and (max-width: 320px) {
  .fox-logo {
    height: 0;
    width: 0;
  }

  header h2 {
    font-size: 20px;
    font-weight: 200;
    margin: 0;
    padding: 10px 0 20px 0;
  }

  #stage {
    background-image: url(/images/firefox.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 30px auto;
    margin: 0 auto;
    min-height: 0;
    min-width: 270px;
    padding: 0 0 30px 0;
    width: 270px;
  }
}

/* Retina */

@media
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (   min--moz-device-pixel-ratio: 2),
    only screen and (   -moz-min-device-pixel-ratio: 2),
    only screen and (     -o-min-device-pixel-ratio: 2/1),
    only screen and (        min-device-pixel-ratio: 2),
    only screen and (                min-resolution: 192dpi),
    only screen and (                min-resolution: 2dppx) {
  .fox-logo {
    background-image: url(/images/firefox@2x.png);
  }

  .graphic-checkbox {
    background-image: url(/images/graphic_checkbox@2x.png);
  }

  .graphic-mail {
    background-image: url(/images/graphic_mail@2x.png);
  }

  .spinner {
    background-image: url(/images/spinnerlight@2x.png);
  }

  .input-row select {
    background-image: url(/images/ddarrow_inactive@2x.png)
  }

  .input-row select:focus {
    background-image: url(/images/ddarrow_active@2x.png);
  }
{'fraction_non_alphanumeric': 0.14531095755182627, 'fraction_numerical': 0.04876604146100691, 'mean_word_length': 2.1622971285892634, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 12, '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': '3371912', 'n_tokens_mistral': 2144, 'n_tokens_neox': 1891, 'n_words': 431}