<commit_before>/////////////////////////////////////////
//   FOUNDATION OVERRIDES / ADDITIONS
/////////////////////////////////////////

// display like it's a header
legend {
  font-size: rem-calc(nested-map-get($header-sizes, large-type, h1));
  margin-bottom: $global-margin;
  display: block;
  width: 100%;
  font-weight: normal;
  color: $primary-color-safe;
}

input {
  font-weight: $global-weight-normal;
  @include breakpoint(multi-column) {
    max-width: 30rem;
  }
}

button[disabled] {
  @include button-disabled;
}

// no CSS output for Foundation buttons component :)
button, .button {
  @include button();
  border: 1px solid $medium-gray;
  text-transform: uppercase;
  font-weight: $global-weight-bold;
  &:hover {
    color: $white;
  }
 }

// blue + gold, action that changes page/etc
.primary-button {
  background-color: $ucla-its-primary-button-color;
  color: $white;
  border: none;
  &:hover {
    background-color: $ucla-its-primary-button-color-hover;
    color: $white;
  }
}

// button that cancels/clears changes<commit_msg>update mobile styling for legend & button<commit_after>/////////////////////////////////////////
//   FOUNDATION OVERRIDES / ADDITIONS
/////////////////////////////////////////

// display like it's a header
legend {
  font-size: rem-calc(nested-map-get($header-sizes, small, h1));
  @include breakpoint(multi-column) {
    font-size: rem-calc(nested-map-get($header-sizes, large-type, h1));
}
  margin-bottom: $global-margin;
  display: block;
  width: 100%;
  font-weight: normal;
  color: $primary-color-safe;
}

input {
  font-weight: $global-weight-normal;
  @include breakpoint(multi-column) {
    max-width: 30rem;
  }
}

button[disabled] {
  @include button-disabled;
}

// no CSS output for Foundation buttons component :)
button, .button {
  @include button();
  width: 100%;
  @include breakpoint(multi-column) {
    width: auto;
  }
  border: 1px solid $medium-gray;
  text-transform: uppercase;
  font-weight: $global-weight-bold;
  &:hover {
    color: $white;
  }
 }

// blue + gold, action that changes page/etc
.primary-button {
  background-color: $ucla-its-primary-button-color;
  color: $white;
  border: none;
  &:hover {
    background-color: $ucla-its-primary-button-color-hover;
    color: $white;
  }
}

// button that cancels/clears changes
{'fraction_non_alphanumeric': 0.20576840292724924, 'fraction_numerical': 0.007748600947051227, 'mean_word_length': 2.5975232198142413, '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': '2983862', 'n_tokens_mistral': 786, 'n_tokens_neox': 757, 'n_words': 172}