<commit_before>//
// Forms Base Styles
// --------------------------------------------------

// Option Input Style
// -------------------------
// Adds some base custom styles to radio buttons and checkboxes.
// In order to specify shape, border radius is applied
// in class name for the element.

@mixin option-input-style {
  &:before {
    content: ""                   !important;
    display: inline-block         !important;
    width: .75rem                 !important;
    height: .75rem                !important;
    margin-right: .375rem         !important;
    position: relative            !important;
    bottom: -1px                  !important;
    background-color: $fill-white !important;
    border: $border               !important;
  }
}

.text-input,
.text-input--small,
.textarea,
.textarea--small,
.select,
.select--small {
  font-family: inherit        !important;
  background: $fill-white     !important;
  font-size: $text-4          !important;
  line-height: $line-height-4 !important;
  padding: .5rem .75rem       !important;
  border: $border             !important;

  &:disabled {
    opacity: .35              !important;
  }

}


.select {
  background-image: svg-background($down-caret) !important;
  background-repeat: no-repeat                  !important;
  background-position: calc(100% - 1rem) center !important;
  background-size: .6875rem                     !important;
  -webkit-appearance: none                      !important;
  -moz-appearance: none                         !important;
  border-radius: 0                              !important;
  padding-right: 2.5rem                         !important;
}

// Hide select arrow in IE 10+
select::-ms-expand,
.select::-ms-expand {
  display: none;
}

.select--small,
.text-input--small {
  font-size: $text-5          !important;
  line-height: $line-height-5 !important;
  padding: .3125rem .625rem  !important;
}


.select--small {
  padding-right: 2rem                               !important;
  background-position: calc(100% - .875rem) center !important;
  background-size: .5rem                            !important;
}

.textarea {
  display: block           !important;
  min-height: $space-5 * 2 !important;
  padding: .5rem .75rem    !important;
}

.textarea--small {
  display: block              !important;
  min-height: 2rem * 2.5      !important;
  padding: .375rem .625rem    !important;
  font-size: $text-5          !important;
  line-height: $line-height-5 !important;
}

// hide system radio button in order to use custom style
.radio {
  @include visuallyhidden;

  + label {
    font-size: $text-5          !important;
    cursor: pointer             !important;
    display: block                        ;
    @include option-input-style;

    &:before { border-radius: 50% !important; }

    &:disabled {
      opacity: .35                !important;
    }
  }
}

.radio:checked + label:before {
  background-color: $fill-white !important;
  border: 4px solid $fill-blue  !important;
}

// hide system checkbox in order to use custom style
.checkbox {
  @include visuallyhidden;

  + label {
    font-size: $text-5            !important;
    cursor: pointer               !important;
    display: block                          ;
    @include option-input-style;

    &:before { border-radius: 30% !important; }

    &:disabled {
      opacity: .35                !important;
    }
  }
}

.checkbox:checked + label:before {
  background-image: svg-background($checkmark) !important;
  background-repeat: no-repeat                 !important;
  background-position: center                  !important;
  background-color: $fill-blue                 !important;
  background-size: .5rem                       !important;
  border-style: none                           !important;
 }

// labels, etc
// -------------------------

.form-label {
  display: block                    ;
  font-weight: $bold      !important;
  margin-bottom: $space-1 !important;
}

// form label small has less margin bottom than default size form labels
// in order for the entire unit to scale down proportionately
.form-label--small {
  font-size: $text-5    !important;
  margin-bottom: .25rem !important;
}<commit_msg>Fixed disabled style on checkboxes and radio inputs<commit_after>//
// Forms Base Styles
// --------------------------------------------------

// Option Input Style
// -------------------------
// Adds some base custom styles to radio buttons and checkboxes.
// In order to specify shape, border radius is applied
// in class name for the element.

@mixin option-input-style {
  &:before {
    content: ""                   !important;
    display: inline-block         !important;
    width: .75rem                 !important;
    height: .75rem                !important;
    margin-right: .375rem         !important;
    position: relative            !important;
    bottom: -1px                  !important;
    background-color: $fill-white !important;
    border: $border               !important;
  }
}

.text-input,
.text-input--small,
.textarea,
.textarea--small,
.select,
.select--small {
  font-family: inherit        !important;
  background: $fill-white     !important;
  font-size: $text-4          !important;
  line-height: $line-height-4 !important;
  padding: .5rem .75rem       !important;
  border: $border             !important;

  &:disabled {
    opacity: .35              !important;
  }

}


.select {
  background-image: svg-background($down-caret) !important;
  background-repeat: no-repeat                  !important;
  background-position: calc(100% - 1rem) center !important;
  background-size: .6875rem                     !important;
  -webkit-appearance: none                      !important;
  -moz-appearance: none                         !important;
  border-radius: 0                              !important;
  padding-right: 2.5rem                         !important;
}

// Hide select arrow in IE 10+
select::-ms-expand,
.select::-ms-expand {
  display: none;
}

.select--small,
.text-input--small {
  font-size: $text-5          !important;
  line-height: $line-height-5 !important;
  padding: .3125rem .625rem  !important;
}


.select--small {
  padding-right: 2rem                               !important;
  background-position: calc(100% - .875rem) center !important;
  background-size: .5rem                            !important;
}

.textarea {
  display: block           !important;
  min-height: $space-5 * 2 !important;
  padding: .5rem .75rem    !important;
}

.textarea--small {
  display: block              !important;
  min-height: 2rem * 2.5      !important;
  padding: .375rem .625rem    !important;
  font-size: $text-5          !important;
  line-height: $line-height-5 !important;
}

// hide system radio button in order to use custom style
.radio {
  @include visuallyhidden;

  + label {
    font-size: $text-5          !important;
    cursor: pointer             !important;
    display: block;
    @include option-input-style;

    &:before { border-radius: 50% !important; }
  }

  &:disabled + label,
  &:disabled + label:before {
    opacity: .35                !important;
  }
}

.radio:checked + label:before {
  background-color: $fill-white !important;
  border: 4px solid $fill-blue  !important;
}

// hide system checkbox in order to use custom style
.checkbox {
  @include visuallyhidden;

  + label {
    font-size: $text-5            !important;
    cursor: pointer               !important;
    display: block;
    @include option-input-style;

    &:before { border-radius: 30% !important; }
  }

  &:disabled + label,
  &:disabled + label:before {
    opacity: .35                !important;
  }
}

.checkbox:checked + label:before {
  background-image: svg-background($checkmark) !important;
  background-repeat: no-repeat                 !important;
  background-position: center                  !important;
  background-color: $fill-blue                 !important;
  background-size: .5rem                       !important;
  border-style: none                           !important;
 }

// labels, etc
// -------------------------

.form-label {
  display: block;
  font-weight: $bold      !important;
  margin-bottom: $space-1 !important;
}

// form label small has less margin bottom than default size form labels
// in order for the entire unit to scale down proportionately
.form-label--small {
  font-size: $text-5    !important;
  margin-bottom: .25rem !important;
}
{'fraction_non_alphanumeric': 0.13787414565166156, 'fraction_numerical': 0.018147537119962292, 'mean_word_length': 1.7972972972972974, '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': '1860215', 'n_tokens_mistral': 2529, 'n_tokens_neox': 2383, 'n_words': 641}