<commit_before>//
// todo: .custome-file and .custon-select
//

.custom-control {
  cursor: pointer;
  display: inline;
  padding-left: ($selection-control-indicator-size / $font-size-root + $selection-control-spacer-x);
  position: relative;
  + .custom-control {
    margin-left: ($selection-control-spacer-x * 2);
  }
}

.custom-control-indicator {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: $selection-control-indicator-size;
  display: block;
  height: $selection-control-indicator-size;
  line-height: $selection-control-indicator-size;
  position: absolute;
    top: (($font-size-base - $selection-control-indicator-size / $font-size-root) / 2);
    left: 0;
  text-align: center;
  transition: background-image $transition-duration $transition-timing-function;
  user-select: none;
  width: $selection-control-indicator-size;
  &::before {
    background-color: $selection-control-radial-bg;
    border-radius: 50%;
    content: "";
    display: block;
    height: ($selection-control-indicator-size * 2);
    margin-top: ($selection-control-indicator-size / -2);
    margin-left: ($selection-control-indicator-size / -2);
    opacity: 0;
    position: absolute;
      top: 0;
      left: 0;
    transition: all $transition-duration $transition-timing-function;
    width: ($selection-control-indicator-size * 2);
  }
  // active, focus, hover
    &:active::before {
      opacity: 1;
    }
}

.custom-control-input {
  opacity: 0;
  position: absolute;
  z-index: -1;
  // active, focus, hover
    &:focus ~ .custom-control-indicator::before {
      opacity: 1;
    }
  // checked
    &:checked ~ .custom-control-indicator {
      &::before {
        background-color: hex-to-rgba($selection-control-color-active, 0.12);
      }
    }
  // disabled
    &:disabled ~ {
      .custom-control-indicator,
      .custom-control-description {
        color: $selection-control-color-disabled;
        cursor: $cursor-disabled;
      }
      .custom-control-indicator{
        pointer-events: none;
        &::before {
          display: none;
        }
      }
    }
}

// stacked layout
  .custom-controls-stacked {
    // .custom-control-indicator {
    //   // position
    //     top: (($font-size-base * $line-height-base - ($selection-control-indicator-size) / $font-size-root) / 2);
    // }
    .custom-control {
      &::after {
        content: "";
        display: block;
        margin-bottom: $selection-control-spacer-y;
      }
      &:last-child::after {
        display: none;<commit_msg>fix a typo in selection-control.scss<commit_after>//
// todo: .custome-file and .custon-select
//

.custom-control {
  cursor: pointer;
  display: inline;
  padding-left: ($selection-control-indicator-size / $font-size-root + $selection-control-spacer-x);
  position: relative;
  + .custom-control {
    margin-left: ($selection-control-spacer-x * 2);
  }
}

.custom-control-indicator {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: $selection-control-indicator-size;
  display: block;
  height: $selection-control-indicator-size;
  line-height: $selection-control-indicator-size;
  position: absolute;
    top: (($font-size-base - $selection-control-indicator-size / $font-size-root) / 2);
    left: 0;
  text-align: center;
  transition: background-image $transition-duration $transition-timing-function;
  user-select: none;
  width: $selection-control-indicator-size;
  &::before {
    background-color: $selection-control-radial-bg;
    border-radius: 50%;
    content: "";
    display: block;
    height: ($selection-control-indicator-size * 2);
    margin-top: ($selection-control-indicator-size / -2);
    margin-left: ($selection-control-indicator-size / -2);
    opacity: 0;
    position: absolute;
      top: 0;
      left: 0;
    transition: all $transition-duration $transition-timing-function;
    width: ($selection-control-indicator-size * 2);
  }
  // active, focus, hover
    &:active::before {
      opacity: 1;
    }
}

.custom-control-input {
  opacity: 0;
  position: absolute;
  z-index: -1;
  // active, focus, hover
    &:focus ~ .custom-control-indicator::before {
      opacity: 1;
    }
  // checked
    &:checked ~ .custom-control-indicator {
      &::before {
        background-color: hex-to-rgba($selection-control-color-active, 0.12);
      }
    }
  // disabled
    &:disabled ~ {
      .custom-control-indicator,
      .custom-control-description {
        color: $selection-control-color-disabled;
        cursor: $cursor-disabled;
      }
      .custom-control-indicator {
        pointer-events: none;
        &::before {
          display: none;
        }
      }
    }
}

// stacked layout
  .custom-controls-stacked {
    // .custom-control-indicator {
    //   // position
    //     top: (($font-size-base * $line-height-base - ($selection-control-indicator-size) / $font-size-root) / 2);
    // }
    .custom-control {
      &::after {
        content: "";
        display: block;
        margin-bottom: $selection-control-spacer-y;
      }
      &:last-child::after {
        display: none;
{'fraction_non_alphanumeric': 0.155859375, 'fraction_numerical': 0.009375, 'mean_word_length': 2.5220082530949104, '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': '4929285', 'n_tokens_mistral': 1703, 'n_tokens_neox': 1659, 'n_words': 297}