<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

.avant-garde-form-label
  avant-garde()
  display block
  font-size 12px

.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%

.typed-bordered-input
  position relative
  > span
    position absolute
    display block
    top 50%
    left 15px
    transform translateY(-50%)
    color light-gray-text-color
    pointer-events none
  > .bordered-input
    padding-left 30px

.bi-type-activated-placeholder
  position absolute
  margin-top -43px
  margin-left 12px
  z-index -1
  bordered-input-placeholder()
.bordered-input:valid + .bi-type-activated-placeholder
  bordered-input-placeholder--focus()

.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 10px
  appearance none

// On / Off Toggle Sliders
.artsy-toggle
  avant-garde()
  background-color white
  border 2px solid light-placeholder-color
  border-radius 15px
  color light-placeholder-color
  cursor pointer
  display inline-block
  line-height 1.15
  text-decoration none
  transition 'color, border-color' 0.2s
  width 56px
  &:focus, &:hover
    & + .artsy-toggle-label
      color highlight-color

  &::after
    content attr(data-state)
    display inline
    font-size 12px
    font-weight bold
    height 20px
    letter-spacing -1px
    margin-left 0
    transition margin-left 0.2s
    vertical-align middle
    width 20px

  .artsy-toggle-dot
    display inline
    font-size 30px
    left 0
    line-height 50%
    position relative
    top -1px
    transition left 0.2s
    vertical-align middle
    &::after
      content "\25CF"

  &[data-state='on']
    background-color highlight-color
    border-color highlight-color<commit_msg>Clean up toggle positioning styles (x-browser improvements)<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

.avant-garde-form-label
  avant-garde()
  display block
  font-size 12px

.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%

.typed-bordered-input
  position relative
  > span
    position absolute
    display block
    top 50%
    left 15px
    transform translateY(-50%)
    color light-gray-text-color
    pointer-events none
  > .bordered-input
    padding-left 30px

.bi-type-activated-placeholder
  position absolute
  margin-top -43px
  margin-left 12px
  z-index -1
  bordered-input-placeholder()
.bordered-input:valid + .bi-type-activated-placeholder
  bordered-input-placeholder--focus()

.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 10px
  appearance none

// On / Off Toggle Sliders
.artsy-toggle
  avant-garde()
  background-color white
  border 2px solid light-placeholder-color
  border-radius 15px
  color light-placeholder-color
  cursor pointer
  display inline-block
  line-height 17px
  text-decoration none
  transition 'color, border-color' 0.2s
  width 56px
  &:focus, &:hover
    & + .artsy-toggle-label
      color highlight-color

  &::after
    content attr(data-state)
    display inline
    font-size 12px
    font-weight bold
    letter-spacing -1px
    margin-left 3px
    position relative
    transition margin-left 0.2s
    top -2px
    width 20px

  .artsy-toggle-dot
    display inline
    font-size 30px
    left 2px
    position relative
    top 2px
    transition left 0.2s
    &::after
      content "\25CF"

  &[data-state='on']
    background-color highlight-color
    border-color highlight-color
{'fraction_non_alphanumeric': 0.08691171418756441, 'fraction_numerical': 0.02576434215046376, 'mean_word_length': 3.04375, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '3134354', 'n_tokens_mistral': 1979, 'n_tokens_neox': 1829, 'n_words': 465}