<commit_before>@import '../layout/variables'

// Disable scroll on body when open
body.is-modal
  overflow hidden

#modal
  z-index modal_z
  // transition opacity 0.25s
  opacity 0
  color textgray
  antialiased()
  // Default is a simple fade in
  &[data-state='open'], &.is-open
    opacity 1
    transition opacity 0.15s
    > .modal-backdrop > .modal-dialog
      // Avoid transitioning the initial open
      transition all 0.15s, width 0
  // Slide modal dialog in
  &.is-slide-in
    > .modal-backdrop > .modal-dialog
      transform translateY(100px)
      transition transform 0.4s
    &[data-state='open'], &.is-open
      opacity 1
      > .modal-backdrop > .modal-dialog
        transform translateY(0)
        // Avoid transitioning the initial open
        transition all 0.15s, width 0, transform 0.4s

  &.is-loading
    > .modal-backdrop::before
      display block
      content ''

  &.confirm
    .modal-body
      text-align center
      padding-top 100px
      padding-bottom 100px
    h3
      margin-top 20px
      font-size 24px

#modal, .modal-backdrop
  position fixed
  top 0
  right 0
  bottom 0
  left 0
  height 100%

#modal.has-nobackdrop > .modal-backdrop
  background-color transparent

.modal-dialog
  position fixed
  overflow-y auto
  background #fff
  border 0px solid bordergray
  &.is-notransition
    transition none !important

.modal-close
  display block
  position absolute
  top 17px
  right 18px
  font-size 24px
  font-weight normal
  line-height 40px
  text-align center
  width 40px
  height 40px
  cursor pointer
  z-index 2
  color lightgray

  &:hover
    color hovergray

.modal-body
  width 90%
  max-width 760px
  margin auto
  vertical-align middle
  height 100%
  padding 10% 0 0 0
  // transition opacity 0.25s
  &[data-state='fade-out'], &.is-fade-out
    opacity 0
  &[data-state='fade-in'], &.is-fade-in
    opacity 1

.modal-title
  position absolute
  left 30px
  top 22px
  font-weight bold
  margin 0
  padding 0
  border-bottom 0px solid backgroundgray

.modal-forgot
  position relative
  float right
  font-size 12px
  margin -30px 10px 0 0
  text-align right

  a
    color lightgray
    font-weight bold
    &:hover
      color textgray

.modal-checkbox
  display none

#auth-page
  max-width 400px
  margin auto

#auth-login, #auth-register, #auth-forgot
  margin-top 4px
  border-top 1px solid bordergray

.auth-submit
  font-size 1em
  color textgray
  position relative

  &[data-state=loading]:before, &[data-state=success]:before
    background white
    position absolute
    left 0
    height 100%
    width 100%
    line-height 45px

  #auth-login&[data-state=loading]:before
    content "Logging in..."

  #auth-login&[data-state=success]:before
    content "Redirecting..."

  #auth-register&[data-state=loading]:before
    content "Sending..."

  #auth-register&[data-state=success]:before
    content "Success"

  #auth-forgot&[data-state=loading]:before
    content "Requesting..."

  #auth-forgot&[data-state=success]:before
    content "Success"

.auth-logo
  text-align center
  height 20px
  
  svg
    width 28px
    height 100%

.auth-nav
  text-align center
  margin-bottom 50px

  .breadcrumb
    display inline-block
    margin (s_margin) auto 0
    font-size 1em

  li
    font-weight bold
    color lightgray

  li.is-active
    color hovergray

.auth-errors
  text-align center
  font-weight bold
  color alert

  &.is-active
    margin-top 30px

@media (max-width:500px)<commit_msg>auth: fixes margin auth-error message<commit_after>@import '../layout/variables'

// Disable scroll on body when open
body.is-modal
  overflow hidden

#modal
  z-index modal_z
  // transition opacity 0.25s
  opacity 0
  color textgray
  antialiased()
  // Default is a simple fade in
  &[data-state='open'], &.is-open
    opacity 1
    transition opacity 0.15s
    > .modal-backdrop > .modal-dialog
      // Avoid transitioning the initial open
      transition all 0.15s, width 0
  // Slide modal dialog in
  &.is-slide-in
    > .modal-backdrop > .modal-dialog
      transform translateY(100px)
      transition transform 0.4s
    &[data-state='open'], &.is-open
      opacity 1
      > .modal-backdrop > .modal-dialog
        transform translateY(0)
        // Avoid transitioning the initial open
        transition all 0.15s, width 0, transform 0.4s

  &.is-loading
    > .modal-backdrop::before
      display block
      content ''

  &.confirm
    .modal-body
      text-align center
      padding-top 100px
      padding-bottom 100px
    h3
      margin-top 20px
      font-size 24px

#modal, .modal-backdrop
  position fixed
  top 0
  right 0
  bottom 0
  left 0
  height 100%

#modal.has-nobackdrop > .modal-backdrop
  background-color transparent

.modal-dialog
  position fixed
  overflow-y auto
  background #fff
  border 0px solid bordergray
  &.is-notransition
    transition none !important

.modal-close
  display block
  position absolute
  top 17px
  right 18px
  font-size 24px
  font-weight normal
  line-height 40px
  text-align center
  width 40px
  height 40px
  cursor pointer
  z-index 2
  color lightgray

  &:hover
    color hovergray

.modal-body
  width 90%
  max-width 760px
  margin auto
  vertical-align middle
  height 100%
  padding 10% 0 0 0
  // transition opacity 0.25s
  &[data-state='fade-out'], &.is-fade-out
    opacity 0
  &[data-state='fade-in'], &.is-fade-in
    opacity 1

.modal-title
  position absolute
  left 30px
  top 22px
  font-weight bold
  margin 0
  padding 0
  border-bottom 0px solid backgroundgray

.modal-forgot
  position relative
  float right
  font-size 12px
  margin -30px 10px 0 0
  text-align right

  a
    color lightgray
    font-weight bold
    &:hover
      color textgray

.modal-checkbox
  display none

#auth-page
  max-width 400px
  margin auto

#auth-login, #auth-register, #auth-forgot
  margin-top 4px
  border-top 1px solid bordergray

.auth-submit
  font-size 1em
  color textgray
  position relative

  &[data-state=loading]:before, &[data-state=success]:before
    background white
    position absolute
    left 0
    height 100%
    width 100%
    line-height 45px

  #auth-login&[data-state=loading]:before
    content "Logging in..."

  #auth-login&[data-state=success]:before
    content "Redirecting..."

  #auth-register&[data-state=loading]:before
    content "Sending..."

  #auth-register&[data-state=success]:before
    content "Success"

  #auth-forgot&[data-state=loading]:before
    content "Requesting..."

  #auth-forgot&[data-state=success]:before
    content "Success"

.auth-logo
  text-align center
  height 20px
  
  svg
    width 28px
    height 100%

.auth-nav
  text-align center
  margin-bottom 50px

  .breadcrumb
    display inline-block
    margin (s_margin) auto 0
    font-size 1em

  li
    font-weight bold
    color lightgray

  li.is-active
    color hovergray

.auth-errors
  font-size s_caption
  text-align center
  font-weight bold
  color alert

  &.is-active
    margin 20px 0 10px 0

@media (max-width:500px)
{'fraction_non_alphanumeric': 0.09040353628974761, 'fraction_numerical': 0.03507771281905034, 'mean_word_length': 2.6024653312788906, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 19, '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': '7431354', 'n_tokens_mistral': 2553, 'n_tokens_neox': 2290, 'n_words': 662}