<commit_before>@import "mixins";
@import "variables";
@import "branding";
@import "big-input";

.darkswarm {
  // #search
  @include placeholder(rgba(0, 0, 0, 0.4), #777);
}

.reveal-modal.product-bulk-modal {
  width: 26em;
}

// Components to add variants to cart and change quantities
//
// They are not nested so that they can be used in modals.
button.add-variant, button.variant-quantity {
  height: 2.5rem;
  border-radius: 0;
  background-color: $orange-500;
  color: white;
  // Override foundation button styles:
  font-size: 1rem;
  margin: 0;
  padding: 0;
  transition: none;

  &:hover {
    background-color: $orange-600;
  }
  &[disabled] {
    &:hover, &:focus {
      background-color: $orange-500;
    }
  }
  &:nth-of-type(1) {
    border-bottom-left-radius: 0.25em;
    border-top-left-radius: 0.25em;
  }
  &:nth-last-of-type(1) {
    border-top-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
  }
}

button.add-variant {
  min-width: 6rem;
  padding: 0 1em;

  &[disabled] {
    &:hover, &:focus {
      background-color: $orange-500;
    }
  }
}

button.variant-quantity {
  width: 3rem;

  &:nth-of-type(1) {
    border-right: .1em solid $orange-400;
  }
}

.variant-quantity-display {
  display: inline-block;
  font-size: 0.875em;
  margin-top: 0.25em;
  text-align: center;
  width: 6rem;
  visibility: hidden;

  &.visible {
    visibility: visible;
  }
}

button.bulk-buy.variant-quantity {
  background-color: transparent;
  border: .1em solid $grey-200;
  color: inherit;
}

button.bulk-buy-add.variant-quantity {
  width: 2.5rem
}

span.bulk-buy.variant-quantity {
  border: .1em solid $grey-200;
  height: 2.5rem;
  display: inline-block;
  min-width: 3em;
  padding: .5em;
  text-align: center;<commit_msg>Grey out disabled bulk quantity buttons<commit_after>@import "mixins";
@import "variables";
@import "branding";
@import "big-input";

.darkswarm {
  // #search
  @include placeholder(rgba(0, 0, 0, 0.4), #777);
}

.reveal-modal.product-bulk-modal {
  width: 26em;
}

// Components to add variants to cart and change quantities
//
// They are not nested so that they can be used in modals.
button.add-variant, button.variant-quantity {
  height: 2.5rem;
  border-radius: 0;
  background-color: $orange-500;
  color: white;
  // Override foundation button styles:
  font-size: 1rem;
  margin: 0;
  padding: 0;
  transition: none;

  &:hover {
    background-color: $orange-600;
  }
  &[disabled] {
    &:hover, &:focus {
      background-color: $orange-500;
    }
  }
  &:nth-of-type(1) {
    border-bottom-left-radius: 0.25em;
    border-top-left-radius: 0.25em;
  }
  &:nth-last-of-type(1) {
    border-top-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
  }
}

button.add-variant {
  min-width: 6rem;
  padding: 0 1em;

  &[disabled] {
    &:hover, &:focus {
      background-color: $orange-500;
    }
  }
}

button.variant-quantity {
  width: 3rem;

  &:nth-of-type(1) {
    border-right: .1em solid $orange-400;
  }
}

.variant-quantity-display {
  display: inline-block;
  font-size: 0.875em;
  margin-top: 0.25em;
  text-align: center;
  width: 6rem;
  visibility: hidden;

  &.visible {
    visibility: visible;
  }
}

button.bulk-buy.variant-quantity {
  background-color: transparent;
  border: .1em solid $grey-200;
  color: inherit;
}

button.bulk-buy-add.variant-quantity {
  width: 2.5rem;

  &[disabled] {
    background-color: $grey-400;

    &:hover, &:focus {
      background-color: $grey-400;
    }
  }
}

span.bulk-buy.variant-quantity {
  border: .1em solid $grey-200;
  height: 2.5rem;
  display: inline-block;
  min-width: 3em;
  padding: .5em;
  text-align: center;
{'fraction_non_alphanumeric': 0.15836980306345733, 'fraction_numerical': 0.04157549234135667, 'mean_word_length': 2.962080173347779, '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': '2974068', 'n_tokens_mistral': 1563, 'n_tokens_neox': 1417, 'n_words': 295}