<commit_before>/*
 * debugger.io: An interactive web scripting sandbox
 */

.button (@base: @button_default_base_color) {
  background: @base;

  &:hover { background: lighten(@base, 4%); }
  &:active {
    background: darken(@base, 4%);
    padding-top: 2px;
  }
}

button {
  display: inline-block;
  user-select: none;
  cursor: pointer;
  height: 33px;
  border: 1px solid @button_border_color;
  border-bottom: 3px solid @button_bottom_border_color;
  border-radius: 1px 1px 2px 2px;
  box-shadow: 0 0 4px @button_box_shadow_color;
  font-family: @title_font;
  font-weight: bold;
  font-size: 14px;
  line-height: 0;
  padding: 0 10px;
  margin-left: 0;
  margin-right: 6px;
  color: @button_text_color;
  text-align: right;
  text-shadow: 2px 2px 0 rgba(0,0,0, 0.05);
  transition: background @button_transition_time;
  overflow: hidden;

  > i.icon, > i.icon-social {
    width: 22px;
    display: block;
    text-align: center;
    margin: 0 40px 0 -8px;

    &.icon-only { margin: 0 -6px; }
  }

  .button(@button_default_base_color);
  &.btn-small {
    .button(@button_small_default_base_color);
    text-indent: 8px;
    padding-left: 0px;
    padding-right: 8px;
    font-weight: normal;
    font-size: 11px;
    text-align: center;
    margin-right: 4px;
    color: @button_text_color;
    text-shadow: 1px 1px 0 rgba(0,0,0, 0.2);
    border-color: @button_small_border_color;
    border-bottom-color: @button_small_bottom_border_color;
  }

  &.action { .button(@button_action_base_color); }
  &.proceed { .button(@button_proceed_base_color); }<commit_msg>Give buttons a softer style<commit_after>/*
 * debugger.io: An interactive web scripting sandbox
 */

.button (@base: @button_default_base_color) {
  background: @base;

  @_text_shadow_color: desaturate(darken(@base, 10%), 20%);
  text-shadow: 2px 2px 1px @_text_shadow_color;
  &.btn-small { text-shadow: 2px 2px 1px darken(@_text_shadow_color, 5%); }

  &:hover {
    background: lighten(@base, 4%);
    text-shadow: 2px 2px 1px lighten(@_text_shadow_color, 5%);
    &.btn-small { text-shadow: 2px 2px 1px @_text_shadow_color; }
  }

  &:active {
    background: darken(@base, 4%);
    padding-top: 2px;
  }
}

button {
  display: inline-block;
  user-select: none;
  cursor: pointer;
  height: 33px;
  border: 1px solid @button_border_color;
  border-bottom: 3px solid @button_bottom_border_color;
  border-radius: 1px 1px 2px 2px;
  box-shadow: 0 0 4px @button_box_shadow_color;
  font-family: @title_font;
  font-weight: bold;
  font-size: 14px;
  line-height: 0;
  padding: 0 10px;
  margin-left: 0;
  margin-right: 6px;
  color: @button_text_color;
  text-align: right;
  transition: background @button_transition_time;
  overflow: hidden;

  > i.icon, > i.icon-social {
    width: 22px;
    display: block;
    text-align: center;
    margin: 0 40px 0 -8px;

    &.icon-only { margin: 0 -6px; }
  }

  .button(@button_default_base_color);
  &.btn-small {
    .button(@button_small_default_base_color);
    height: 30px;
    text-indent: 8px;
    padding-left: 0px;
    padding-right: 8px;
    font-weight: normal;
    font-size: 11px;
    text-align: center;
    margin-right: 4px;
    color: @button_text_color;
    border-color: @button_small_border_color;
    border-bottom-color: @button_small_bottom_border_color;
  }

  &.action { .button(@button_action_base_color); }
  &.proceed { .button(@button_proceed_base_color); }
{'fraction_non_alphanumeric': 0.13380281690140844, 'fraction_numerical': 0.032570422535211266, 'mean_word_length': 3.62550881953867, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '3802016', 'n_tokens_mistral': 1396, 'n_tokens_neox': 1270, 'n_words': 280}