<commit_before>@import "compass/css3/border-radius";
@import "compass/css3/inline-block";
@import "ornament/utilities/color-link";
@import "ornament/utilities/decorate-link";
@import "ornament/utilities/font";
@import "ornament/utilities/typeface";

$button-background-color:           #00aad5;
$button-border-radius:              $border-radius;
$button-dangerous-background-color: #990000;
$button-dangerous-foreground-color: #ffffff;
$button-typeface:                   $bold-font, $base-font-size;
$button-foreground-color:           #ffffff;
$button-padding:                    $xx-small-unit $default-unit;
$button-secondary-background-color: #333333;
$button-secondary-foreground-color: #ffffff;
$button-small-padding:              $xx-small-unit $x-small-unit;
$button-small-typeface:             $bold-font, $base-font-size * 0.8;

.button {
  @include border-radius($button-border-radius);
  @include color-link($button-foreground-color, $button-foreground-color);
  @include decorate-link(none, none);
  @include inline-block;
  background: $button-background-color;
  border: 0;
  color: $button-foreground-color;
  cursor: pointer;
  padding: $button-padding;
}

.button_full {
  width: 100%;
}

.button_secondary {
  @include color-link($button-secondary-foreground-color, $button-secondary-foreground-color);
  background: $button-secondary-background-color;
  color: $button-secondary-foreground-color;
}<commit_msg>Added hover states and transitions on buttons<commit_after>@import "compass/css3/border-radius";
@import "compass/css3/inline-block";
@import "ornament/utilities/color-link";
@import "ornament/utilities/decorate-link";
@import "ornament/utilities/font";
@import "ornament/utilities/typeface";
@import "compass/css3/transition";

$button-background-color:           #00aad5;
$button-border-radius:              $border-radius;
$button-dangerous-background-color: #990000;
$button-dangerous-foreground-color: #ffffff;
$button-typeface:                   $bold-font, $base-font-size;
$button-foreground-color:           #ffffff;
$button-padding:                    $xx-small-unit $default-unit;
$button-secondary-background-color: #333333;
$button-secondary-foreground-color: #ffffff;
$button-small-padding:              $xx-small-unit $x-small-unit;
$button-small-typeface:             $bold-font, $base-font-size * 0.8;

.button {
  @include border-radius($button-border-radius);
  @include color-link($button-foreground-color, $button-foreground-color);
  @include decorate-link(none, none);
  @include inline-block;
  @include transition(background .2s);
  background: $button-background-color;
  border: 0;
  color: $button-foreground-color;
  cursor: pointer;
  padding: $button-padding;

  &:hover {
    background: darken($button-background-color,10);
  }
}

.button_full {
  width: 100%;
}

.button_secondary {
  @include color-link($button-secondary-foreground-color, $button-secondary-foreground-color);
  background: $button-secondary-background-color;
  color: $button-secondary-foreground-color;

  &:hover {
    background: darken($button-secondary-background-color,10);
  }
}
{'fraction_non_alphanumeric': 0.15128205128205127, 'fraction_numerical': 0.016666666666666666, 'mean_word_length': 3.9856230031948883, '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': '2280964', 'n_tokens_mistral': 1045, 'n_tokens_neox': 999, 'n_words': 159}