@import '_colors.sass'

.side
  background-color: $background
  margin: 0

  .login-form-side
    margin: 0 10px
    border: none
    
    .status
      margin: 7px 0px 0px 0px
      border: none
      padding: 10px
      font-weight: bold

    input[type='password'],
    input[type='text']
      width: 100%
      margin: 7px 0px 0px 0px
      border: 1px solid $comment
      color: $foreground
      background-color: $selection
      font-family: sans-serif
      font-weight: bold

      &::placeholder
        color: $foreground
        font-family: sans-serif
        font-weight: bold

    .submit 
      margin: 7px 0px 0px 0px

      button
        padding: 4px 48px
        border-radius: 0
        border: 1px solid $comment
        color: $foreground
        background-color: $selection

        &:hover,
        &:active,
        &:focus
          background-color: $comment

  .reddit-infobar
    color: $background
    background-color: $yellow
    border: none
    margin: 0px 10px

  .morelink
    margin: 0px 10px
    border: 1px solid $comment
    background: none
    background-color: $selection

    .nub
      background: none

    a
      color: $cyan

      &:hover,
      &:active,
      &:focus
        color: $pink

  .titlebox
    margin: 0px 10px

  .md
    color: $foreground

  pre,
  .md pre
    overflow: hidden

  .bottom
    color: $foreground
    border: none
    padding-top: 4px

  .spacer
    margin: 7px 0px

  hr
    display: none