<commit_before>$frost-color-button-primary: $frost-color-white !global;
$frost-color-button-primary-bg: linear-gradient(lighten($frost-color-blue-1, 14), $frost-color-blue-1) !global;
$frost-color-button-primary-hover-bg: $frost-color-blue-3 !global;
$frost-color-button-primary-active: $frost-color-blue-4 !global;
$frost-color-button-primary-active-bg: #1e9de5 !global;

$frost-color-button-secondary: $frost-color-blue-1 !global;
$frost-color-button-secondary-bg: $frost-color-white !global;
$frost-color-button-secondary-border: $frost-color-blue-1 !global;
$frost-color-button-secondary-active: $frost-color-blue-3 !global;
$frost-color-button-secondary-active-bg: #e7eef3 !global;
$frost-color-button-secondary-hover-bg: rgba($frost-color-blue-1, .1) !global;

$frost-color-button-tertiary: $frost-color-blue-1 !global;
$frost-color-button-tertiary-bg: inherit !global;
$frost-color-button-tertiary-hover-bg: rgba($frost-color-blue-1, .05) !global;
$frost-color-button-tertiary-active: $frost-color-blue-3 !global;
$frost-color-button-tertiary-active-bg: #e7eef3 !global;

// info-bar style
$frost-color-button-info-bar-bg: $frost-color-white;
$frost-color-button-info-bar-bg-hover: rgba($frost-color-blue-1, .05);
$frost-color-button-info-bar-focus: 0 1px 6px rgba($frost-color-blue-1, .75);
$frost-color-button-info-bar-active:  rgba($frost-color-blue-1, .1);

// in-line style
$frost-color-button-in-line-darken-1: darken($frost-color-blue-1, 8);
$frost-color-button-in-line-darken-2: darken($frost-color-blue-1, 15);

$frost-color-button-info-content-subtext-color: rgba($frost-color-white, .8);

.frost-button {
  padding: 0;
  border: 0;
  border-radius: 2px;
  background-color: transparent;
  color: $frost-color-white;
  font-family: $frost-font-family;
  cursor: pointer;

  &:focus,
  &:active {
    outline: none;
  }

  &:focus {
    box-shadow: 0 1px 6px 1px transparentize($frost-color-blue-1, .25);
  }

  &.disabled {
    opacity: .25;
    // In Firefox, the click on the app bar was not detected - added this to enable it.
    // From https://developer.mozilla.org/en/docs/Web/CSS/pointer-events
    //     The CSS property pointer-events allows authors to control under what circumstances (if any)
    //     a particular graphic element can become the target of mouse events.
    //     none: The element is never the target of mouse events; however, mouse events may target
    //            its descendant elements if those descendants have pointer-events set to some other value.
    //            In these circumstances, mouse events will trigger event listeners on this parent element
    //            as appropriate on their way to/from the descendant during the event capture/bubble phases.
    pointer-events: none;
  }

  &.hidden {
    visibility: hidden;
  }

  // ----------------------
  // Priority based coloring
  // ----------------------

  // priority = 'primary'
  &.primary {
    background: $frost-color-button-primary-bg;
    color: $frost-color-button-primary;

    &:hover {
      &:not(.disabled) {
        background: $frost-color-button-primary-hover-bg;
      }
    }

    &:focus {
      &:not(.disabled) {
        border: 2px solid $frost-color-blue-4;
      }
      &.small {
        padding: 0 8px;
      }

      &.medium {
        padding: 0 18px;
      }

      &.large {
        padding: 0 18px;
      }
    }

    &:active {
      &:not(.disabled) {
        background: $frost-color-button-primary-active-bg;
        color: $frost-color-button-primary-active;

        .text {
          opacity: .5;
        }<commit_msg>clean up<commit_after>$frost-color-button-primary: $frost-color-white !global;
$frost-color-button-primary-bg: linear-gradient(lighten($frost-color-blue-1, 14), $frost-color-blue-1) !global;
$frost-color-button-primary-hover-bg: $frost-color-blue-3 !global;
$frost-color-button-primary-active: $frost-color-blue-4 !global;
$frost-color-button-primary-active-bg: #1e9de5 !global;

$frost-color-button-secondary: $frost-color-blue-1 !global;
$frost-color-button-secondary-bg: $frost-color-white !global;
$frost-color-button-secondary-border: $frost-color-blue-1 !global;
$frost-color-button-secondary-active: $frost-color-blue-3 !global;
$frost-color-button-secondary-active-bg: #e7eef3 !global;
$frost-color-button-secondary-hover-bg: rgba($frost-color-blue-1, .1) !global;

$frost-color-button-tertiary: $frost-color-blue-1 !global;
$frost-color-button-tertiary-bg: inherit !global;
$frost-color-button-tertiary-hover-bg: rgba($frost-color-blue-1, .05) !global;
$frost-color-button-tertiary-active: $frost-color-blue-3 !global;
$frost-color-button-tertiary-active-bg: #e7eef3 !global;

// info-bar style
$frost-color-button-info-bar-bg: $frost-color-white;
$frost-color-button-info-bar-bg-hover: rgba($frost-color-blue-1, .05);
$frost-color-button-info-bar-focus: 0 1px 6px rgba($frost-color-blue-1, .75);
$frost-color-button-info-bar-active:  rgba($frost-color-blue-1, .1);

// in-line style
$frost-color-button-in-line-darken-1: darken($frost-color-blue-1, 8);
$frost-color-button-in-line-darken-2: darken($frost-color-blue-1, 15);

$frost-color-button-info-content-subtext-color: rgba($frost-color-white, .8);

.frost-button {
  padding: 0;
  border: 0;
  border-radius: 2px;
  background-color: transparent;
  color: $frost-color-white;
  font-family: $frost-font-family;
  cursor: pointer;

  &:focus,
  &:active {
    outline: none;
  }

  &:focus {
    box-shadow: 0 1px 6px transparentize($frost-color-blue-1, .25);
  }

  &.disabled {
    opacity: .25;
    // In Firefox, the click on the app bar was not detected - added this to enable it.
    // From https://developer.mozilla.org/en/docs/Web/CSS/pointer-events
    //     The CSS property pointer-events allows authors to control under what circumstances (if any)
    //     a particular graphic element can become the target of mouse events.
    //     none: The element is never the target of mouse events; however, mouse events may target
    //            its descendant elements if those descendants have pointer-events set to some other value.
    //            In these circumstances, mouse events will trigger event listeners on this parent element
    //            as appropriate on their way to/from the descendant during the event capture/bubble phases.
    pointer-events: none;
  }

  &.hidden {
    visibility: hidden;
  }

  // ----------------------
  // Priority based coloring
  // ----------------------

  // priority = 'primary'
  &.primary {
    background: $frost-color-button-primary-bg;
    color: $frost-color-button-primary;

    &:hover {
      &:not(.disabled) {
        background: $frost-color-button-primary-hover-bg;
      }
    }

    &:focus {
      &:not(.disabled) {
        border: solid 2px $frost-color-blue-4;
      }

      &.small {
        padding: 0 8px;
      }

      &.medium {
        padding: 0 18px;
      }

      &.large {
        padding: 0 18px;
      }
    }

    &:active {
      &:not(.disabled) {
        background: $frost-color-button-primary-active-bg;
        color: $frost-color-button-primary-active;

        .text {
          opacity: .5;
        }
{'fraction_non_alphanumeric': 0.16192071468453378, 'fraction_numerical': 0.018006700167504188, 'mean_word_length': 2.7950211864406778, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '4715293', 'n_tokens_mistral': 2612, 'n_tokens_neox': 2486, 'n_words': 502}