<commit_before>@import '../../variables.scss';

html, body, .app-container, #app {
  height: 100%;
  min-height: 100%;
  font-family: $font-body;
  font-size: 12px;
  color: $brand-dark-1;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  margin: 0;
}

*:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

a {
  color:$link-color;
}

select {
  background: lighten($brand-dark-3, 25%);
  height: $medium;
  width: $xlarge * 5;
}

button, a {
  &.default {
    display: inline-block;
    padding: ($xsmall / 2) $medium;
    border-radius: 3px;
    color: $brand-white;
    background-color: $brand-orange;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid $brand-orange;
    &:visited {
      text-decoration: none;
      color: $brand-white;
    }
    &.invert {
      color: $brand-orange;
      background-color: $brand-white;
      border: 1px solid $brand-orange;
      &:visited {
        color: $brand-orange;
      }
    }
  }
}

.app-container {
  display: flex;
  .body-container {
    height: 100%;
    min-height: 100%;
    background-color: $brand-white;
    overflow: auto;
    width: 100%;
    z-index: $body-index;
    display: flex;
    flex-direction: column;
  }
}
<commit_msg>Added a gradient and drop shadow to select elements.<commit_after>@import '../../variables.scss';

html, body, .app-container, #app {
  height: 100%;
  min-height: 100%;
  font-family: $font-body;
  font-size: 12px;
  color: $brand-dark-1;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  margin: 0;
}

*:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

a {
  color:$link-color;
}

select {
  background: #f0f0f0; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 10%, #d4d4d4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 10%,#d4d4d4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 10%,#d4d4d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */
  box-shadow:1px 1px 3px rgba(0,0,0,0.25);
  height: $medium;
  width: $xlarge * 5;
}

button, a {
  &.default {
    display: inline-block;
    padding: ($xsmall / 2) $medium;
    border-radius: 3px;
    color: $brand-white;
    background-color: $brand-orange;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid $brand-orange;
    &:visited {
      text-decoration: none;
      color: $brand-white;
    }
    &.invert {
      color: $brand-orange;
      background-color: $brand-white;
      border: 1px solid $brand-orange;
      &:visited {
        color: $brand-orange;
      }
    }
  }
}

.app-container {
  display: flex;
  .body-container {
    height: 100%;
    min-height: 100%;
    background-color: $brand-white;
    overflow: auto;
    width: 100%;
    z-index: $body-index;
    display: flex;
    flex-direction: column;
  }
}

{'fraction_non_alphanumeric': 0.16574405731032238, 'fraction_numerical': 0.0429827417779225, 'mean_word_length': 2.7832512315270934, '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': '92500', 'n_tokens_mistral': 1281, 'n_tokens_neox': 1158, 'n_words': 247}