<commit_before>// NOTE: this needs a better home!
// display label-input pairs in a row

.pe-inlineblock {
  div {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1em 1em;
  }

  div:first-child {
    margin-left: 0;
  }
}

// input type=text etc

.pe-input {
  @include pe-input(
    $pe-input-default-bg,
    $pe-input-default-border,
    $pe-input-default-text,
    $pe-input-default-disabled-bg,
    $pe-input-default-disabled-text
  );

  margin-bottom: 1em;//until Parker changes

  & label {
    @include pe-label;

    display: block;
    margin-bottom: 6px;
  }

  & input {
    display: inline-block;
    vertical-align: middle;

    font-size: $pe-input-font-size;
    height: $pe-input-height;
    line-height: $pe-input-default-line-height;
    padding: $pe-input-padding;
  }

  &-group {
    &:after {
      content: '';
      display: block;
      clear: both;
      height: 0;
    }
    .pe-input {

      input {
        float: left;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 0;
      }
    }
    .pe-btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
  }
}

//text-area

.pe-textarea {
  @include pe-input(
    $pe-input-default-bg,
    $pe-input-default-border,
    $pe-input-default-text,
    $pe-input-default-disabled-bg,
    $pe-input-default-disabled-text
  );

  margin-bottom: 1em;//until Parker changes

  & label {
    @include pe-label;

    display: block;
    margin-bottom: 6px;
  }

  & textarea {
    display: inline-block;
    vertical-align: middle;
    font-size: $pe-input-font-size;
    height: auto;
    line-height: $pe-input-default-line-height;
    padding: $pe-textarea-padding;
  }
}

// checks and radios

.pe-checkbox,
.pe-radio {
  & input,
  & label {
    display: inline-block;
    vertical-align: middle;
  }

  & input {
    margin-right: 7px;//because inline-block adds approx 3-4px space
  }

  & label {
    @include pe-label-large;
  }
}

.pe-checkbox input:focus {
  outline: 1px solid $pe-link-color;
  outline-offset: 2px;
}

// if JavaScript detects a mouse and adds the class

.mouseDetected .pe-radio input:focus,
.mouseDetected .pe-checkbox input:focus {
  outline: 0;
}

.pe-checkbox--small,
.pe-radio--small,
.pe-textarea--small {
  & label {
    @include pe-label;
  }
}
<commit_msg>fix(inputs): re-add radio focus<commit_after>// NOTE: this needs a better home!
// display label-input pairs in a row

.pe-inlineblock {
  div {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1em 1em;
  }

  div:first-child {
    margin-left: 0;
  }
}

// input type=text etc

.pe-input {
  @include pe-input(
    $pe-input-default-bg,
    $pe-input-default-border,
    $pe-input-default-text,
    $pe-input-default-disabled-bg,
    $pe-input-default-disabled-text
  );

  margin-bottom: 1em;//until Parker changes

  & label {
    @include pe-label;

    display: block;
    margin-bottom: 6px;
  }

  & input {
    display: inline-block;
    vertical-align: middle;

    font-size: $pe-input-font-size;
    height: $pe-input-height;
    line-height: $pe-input-default-line-height;
    padding: $pe-input-padding;
  }

  &-group {
    &:after {
      content: '';
      display: block;
      clear: both;
      height: 0;
    }
    .pe-input {

      input {
        float: left;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 0;
      }
    }
    .pe-btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
  }
}

//text-area

.pe-textarea {
  @include pe-input(
    $pe-input-default-bg,
    $pe-input-default-border,
    $pe-input-default-text,
    $pe-input-default-disabled-bg,
    $pe-input-default-disabled-text
  );

  margin-bottom: 1em;//until Parker changes

  & label {
    @include pe-label;

    display: block;
    margin-bottom: 6px;
  }

  & textarea {
    display: inline-block;
    vertical-align: middle;
    font-size: $pe-input-font-size;
    height: auto;
    line-height: $pe-input-default-line-height;
    padding: $pe-textarea-padding;
  }
}

// checks and radios

.pe-checkbox,
.pe-radio {
  & input,
  & label {
    display: inline-block;
    vertical-align: middle;
  }

  & input {
    margin-right: 7px;// because inline-block adds approx 3-4px space

    &:focus {
      outline: 1px solid $pe-link-color;
      outline-offset: 2px;// not supported by IE
    }
  }

  & label {
    @include pe-label-large;
  }
}

// if JavaScript detects a mouse and adds the class

.mouseDetected .pe-radio input:focus,
.mouseDetected .pe-checkbox input:focus {
  outline: 0;
}

.pe-checkbox--small,
.pe-radio--small,
.pe-textarea--small {
  & label {
    @include pe-label;
  }
}

{'fraction_non_alphanumeric': 0.14546599496221663, 'fraction_numerical': 0.008816120906801008, 'mean_word_length': 2.208754208754209, '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': '2082575', 'n_tokens_mistral': 1800, 'n_tokens_neox': 1722, 'n_words': 351}