<commit_before>@import '../../stylus_lib'

// Placeholder mixins
bordered-input-placeholder()
  garamond()
  font-size default-garamond-font-size
  color placeholder-color
  transition opacity 0.5s
bordered-input-placeholder--focus()
  opacity 0
bordered-input-placeholder--autofocus-focus()
  opacity 1

.bordered-input
  margin 0
  padding 10px
  border 2px solid light-gray-border-color
  border-radius 0
  box-shadow none
  garamond()
  font-size default-garamond-font-size
  background-color transparent
  transition border-color 0.25s
  placeholder(bordered-input-placeholder)
  &:focus, &:active
    border-color highlight-color
    outline none
    transition border-color 0.5s
    placeholder(bordered-input-placeholder--focus)

  &:disabled
    border dotted 2px light-gray-border-color

  // Autofocused inputs should retain placeholders
  &[autofocus]:focus
    placeholder(bordered-input-placeholder--autofocus-focus)

  &[data-state=error],
  &.is-error
    border-color bad-red-color

  &.is-block
    display block
    width 100%

.bordered-select
  garamond()
  font-size 16px
  width: 100%
  padding: 10px
  border: 2px solid light-gray-border-color
  border-radius 0px
  box-shadow none
  -webkit-appearance: none
  outline none
  margin-top: 0px

  background-repeat no-repeat
  background-position right
  background-size 24px auto

// Textarea-specific
textarea.bordered-input
  resize none
  padding 5px<commit_msg>Ensure reset styling of textarea; clean up<commit_after>@import '../../stylus_lib'

// Placeholder mixins
bordered-input-placeholder()
  garamond()
  font-size default-garamond-font-size
  color placeholder-color
  transition opacity 0.5s
bordered-input-placeholder--focus()
  opacity 0
bordered-input-placeholder--autofocus-focus()
  opacity 1

.bordered-input
  margin 0
  padding 10px
  border 2px solid light-gray-border-color
  border-radius 0
  box-shadow none
  garamond()
  font-size default-garamond-font-size
  background-color transparent
  transition border-color 0.25s
  placeholder(bordered-input-placeholder)
  &:focus, &:active
    border-color highlight-color
    outline none
    transition border-color 0.5s
    placeholder(bordered-input-placeholder--focus)

  &:disabled
    border dotted 2px light-gray-border-color

  // Autofocused inputs should retain placeholders
  &[autofocus]:focus
    placeholder(bordered-input-placeholder--autofocus-focus)

  &[data-state=error],
  &.is-error
    border-color bad-red-color

  &.is-block
    display block
    width 100%

.bordered-select
  garamond()
  font-size 16px
  width 100%
  padding 10px
  border 2px solid light-gray-border-color
  border-radius 0px
  box-shadow none
  appearance none
  outline none
  margin-top 0px
  background-repeat no-repeat
  background-position right
  background-size 24px auto

// Textarea-specific
textarea.bordered-input
  resize none
  padding 5px
  appearance none

{'fraction_non_alphanumeric': 0.09140893470790377, 'fraction_numerical': 0.021305841924398626, 'mean_word_length': 3.527216174183515, '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': '5039802', 'n_tokens_mistral': 985, 'n_tokens_neox': 912, 'n_words': 221}