<commit_before>/* ============================================================================
   @COMPONENTS -> BUTTON
   ========================================================================= */


/**
 * Button component based off this:
 * http://styleguide.westfieldlabs.com/web/buttons
 *
 * @demo
 * http://codepen.io/team/westfieldlabs/full/bBivG/#button
 */


/**
 * Main.
 */

%btn-main,
.btn-main {
  @extend %u-text-family-gotham;
  @extend %u-text-family-gotham--medium;
  @extend %u-transition-all-0-15;
  text-transform: uppercase;

  &:hover,
  &:focus {background-color: $colour-btn-main-background-colour-hover;}

  // Disabled state
  &[disabled],
  &.is-disabled {
    &,
    &:hover,
    &:focus {background-color: $colour-btn-main-background-colour;}
  }
}


/**
 * Modifier: secondary colour.
 */

%btn-main--secondary,
.btn-main--secondary {
  &:hover,
  &:focus {background-color: $colour-btn-main-background-colour-secondary-hover;}

  // Disabled state
  &[disabled],
  &.is-disabled {
    &,
    &:hover,
    &:focus {background-color: $colour-btn-main-background-colour-secondary;}
  }
}<commit_msg>Adding a comment about utility dependencies<commit_after>/* ============================================================================
   @COMPONENTS -> BUTTON
   ========================================================================= */


/**
 * Button component based off this:
 * http://styleguide.westfieldlabs.com/web/buttons
 *
 * N.B. this component is dependant on the following utilities:
 *
 * - Text.
 * - Transitions.
 *
 * @demo
 * http://codepen.io/team/westfieldlabs/full/bBivG/#button
 */


/**
 * Main.
 */

%btn-main,
.btn-main {
  @extend %u-text-family-gotham;
  @extend %u-text-family-gotham--medium;
  @extend %u-transition-all-0-15;
  text-transform: uppercase;

  &:hover,
  &:focus {background-color: $colour-btn-main-background-colour-hover;}

  // Disabled state
  &[disabled],
  &.is-disabled {
    &,
    &:hover,
    &:focus {background-color: $colour-btn-main-background-colour;}
  }
}


/**
 * Modifier: secondary colour.
 */

%btn-main--secondary,
.btn-main--secondary {
  &:hover,
  &:focus {background-color: $colour-btn-main-background-colour-secondary-hover;}

  // Disabled state
  &[disabled],
  &.is-disabled {
    &,
    &:hover,
    &:focus {background-color: $colour-btn-main-background-colour-secondary;}
  }
}
{'fraction_non_alphanumeric': 0.2857142857142857, 'fraction_numerical': 0.0025136154168412233, 'mean_word_length': 3.601156069364162, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3183320', 'n_tokens_mistral': 825, 'n_tokens_neox': 775, 'n_words': 118}