<commit_before>// global button styles

/*
 * Old green: 28a198
 * New green: 008270
 */

/* buttons! */
.button,
.button:visited {
  display: inline;
  border: none;
  text-decoration: none;
  position: relative;
  top: -3px;
  line-height: (20 / 16);
}

.button:active,
.button:focus{
  background-color:#28A197;
}

.button,
.button.medium {
  padding: 0.25em 0.5em;
}

.button.medium {
  @include core-19($line-height: (26 / 19));
}

.get-started .button,
.get-started .button.big,
.button,
.button:visited {
  background-color: #008270;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 0 #000;
  -moz-box-shadow: 0 3px 0 #000;
  box-shadow: 0 3px 0 #000;
  font-weight: 300;
}

.get-started .button:hover,
.get-started .button.big:hover,
.button:hover {
  background-color: #3ABAA8;
  color: #fff;
}

.button:active,
.button.big:active,
.button:active span.call-to-action {
  top: 0;
  margin-top: -3px;
  border-top: 3px solid #fff;
  border-radius: 6px 6px 3px 3px;
  box-shadow:none;
}

/* 
 * making a click target which is bigger than the button 
 * (and fills the space made when the button moves) 
 */
.button:before {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.button:active:before {
  -webkit-transform: translate(0, -10%);
  -moz-transform: translate(0, -10%);
  -o-transform: translate(0, -10%);
  transform: translate(0, -10%);
  height: 120%;
}
<commit_msg>Make border-top fix only apply to inputs<commit_after>// global button styles

/*
 * Old green: 28a198
 * New green: 008270
 */

/* buttons! */
.button,
.button:visited {
  display: inline;
  border: none;
  text-decoration: none;
  position: relative;
  top: -3px;
  line-height: (20 / 16);
}

.button:active,
.button:focus{
  background-color:#28A197;
}

.button,
.button.medium {
  padding: 0.25em 0.5em;
}

.button.medium {
  @include core-19($line-height: (26 / 19));
}

.get-started .button,
.get-started .button.big,
.button,
.button:visited {
  background-color: #008270;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 0 #000;
  -moz-box-shadow: 0 3px 0 #000;
  box-shadow: 0 3px 0 #000;
  font-weight: 300;
}

.get-started .button:hover,
.get-started .button.big:hover,
.button:hover {
  background-color: #3ABAA8;
  color: #fff;
}

.button:active,
.button.big:active,
.button:active span.call-to-action {
  top: 0;
  box-shadow:none;
}

input.button:active,
input.button.big:active,
input.button:active span.call-to-action {
  margin-top: -3px;
  border-top: 3px solid #fff;
  border-radius: 6px 6px 3px 3px;
}

/* 
 * making a click target which is bigger than the button 
 * (and fills the space made when the button moves) 
 */
.button:before {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.button:active:before {
  -webkit-transform: translate(0, -10%);
  -moz-transform: translate(0, -10%);
  -o-transform: translate(0, -10%);
  transform: translate(0, -10%);
  height: 120%;
}

{'fraction_non_alphanumeric': 0.16583385384134916, 'fraction_numerical': 0.05871330418488445, 'mean_word_length': 3.3283783783783782, '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': '6595654', 'n_tokens_mistral': 1402, 'n_tokens_neox': 1233, 'n_words': 308}